Silhouette - social media app

Silhouette is an Instagram like social media app created with React and Node.js.

Features

---

• Custom post feed based on who you follow
  • Following posts & My posts
  • Liked posts
  • Saved posts
• Create posts with photos
  • Like posts
  • Comment on posts
  • View all likes & comments on a post
• Search for users
  • Search based on names or usernames
• Profile
  • Follow / Unfollow Users
  • Change img view from grid layout to feed layout
  • Edit profile (profile img / name / bio)
  • Reset password
• Sign in / Sign up
  • Forgot / Reset Password

Demo

🔶 Watch Live Demo 🎬

• Post page
  

• Profile page (change img view from grid layout to feed layout)
  

• Search user (search based on names or usernames)
  

• Homepage (custom post feed based on who you follow)
  

• Setting page (update porfile & reset pasword)
  

• Reset password page
  

• Sign in page
  

Phone

🔶 Watch Live Demo 🎬

Overview

---

Welcome to Silhouette, a simplified Instagram clone built with React, Node.js, Express and MongoDB.

Created with

• React
  • Context API for state management
  • React Hooks
  • react router
  • performance optimization (react lazy, suspense, memo)
• JWT authentication
• PWA (serviceWorker, https, manifest)
• Performance Optimization
  • Image lazy loading
  • Gzip / compression
• MongoBD / mongoose
• Node.js / express
• SCSS

Image Credits

The Logo is designed by Vexels.com
The Photos for testing are getting from Unsplash.

Contribute

---

Star this repository if you had fun! ⭐

Feel free to create new issues & contribute for bugs / features you feel are missing.

Appreciate all valuable contributions - bugs fixing, new features, documentation and design enhancements, issues solving... to make it better and more convenient! 🤩

To begin contributing, have a look at the Contribution guidelines over here.