Skip to content

igdev116/instagram-noob

Repository files navigation

Instagram Noob ⚡

A social network app cloned from Instagram built with Next.Js, Socket.IO and a lots of other new stuff.

Main technologies 📝

  • Front-End
    • ReactJs
    • Next.Js
    • Redux Toolkit
    • TypeScript
    • Apollo Client
    • GraphQL
    • Tailwind CSS
    • SCSS
  • Back-End
    • Node.js
    • MongoDB
    • Socket.IO
    • TypeGraphQL
    • JSON Web Token (JWT)
    • Nodemailer
    • Cloudinary

Features 🚀

  • Authentication
    • Sign in with Google, Facebook, Credential
    • Register new account
    • Forgot password by email
    • Receive mail reset password
    • Validate user session with JWT
  • Chatting
    • Create conversation(s)
    • Realtime chat 1-1
    • Show online users
    • Show if user has seen message
  • CRUD post
  • Comment on post
  • Send reaction to posts, comments
  • Search user
  • Follow and unfollow user
  • View profile
  • Toast message
  • Drag and drop photo
  • Infinite scroll
  • Skeleton loading

Previews 📁

image

image

image

image

image

Install 🔨

  1. Clone Project
  git clone https://github.com/igdev116/instagram-noob.git
  1. Install Packages
  yarn install | npm install
  1. Using
  yarn dev | npm run dev