Social Fuel

Reimagining Social Media, step by step

📌 About

• A social media platform aimed to capture the essence of all popular, existing social media platforms 👑
• UI Design is centered around Pinterest.
• With time, the best features from Snapchat, Instagram, TikTok, Pinterest will be added ⌚

🎯 Purpose of the Project

• Designed with the initial purpose of learning all the important CS development topics. I figured that the best way to learn React and backend tech would be to implement already existing (and popular) features from existing social media giants. This way, I have a blueprint of what I want to achieve 💪🏻
• Now that I know my way around said tech-stack, future roadmap would be to slowly integrate other popular features (with a twist) + my own ideas bit-by-bit. That's what this project is for 🛣️
• Not a commercial product...yet

✨ Features

💻 Existing Features

• Google Secure Authentication 🔒
• Category-wise split 📫
• User Feed with infinite scroll 🤳🏻
• Ability to add both posts and comments. Creator can delete their own posts. Comments cannot be deleted by anyone. 📸
• Search functionality for Title and Description 🔎
• Download posts 📩
• Save posts into profile as pins 🏦
• "More like this" section shows similar images for more user engagement 📈

🤖 Future Scope / TODO

• Convert entire codebase to Typescript
• "Enter as Guest" feature -> user cannot post/comment
• More attractive Login Page (add textual headers)
• Dark Mode
• Add Friends feature.
• Enable messaging, video calls between friends.
• Ability to add multiple slides of content in 1 post
• Do Testing 🤦🏻‍♂️
• Add Tooltips, Toasts, Alerts as necessary
• Enable Video Uploading
• Add CI/CD Pipelines
• Add date into schema for Posts and Commments
• Add like function, counter for Posts and Comments

🔍 Known Bugs

• Google Login Fails (rarely). Temporary remedy -> Clear LocalStorage
• Profile redirects from Category's Posts or Comments fails [incorrect URL]
• Comment box user image shows post creator's photo instead of commenter's [change src]

Created with 💖 by Hariharan

Back to top