igdev116 / instagram-noob

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

Home Page:https://instagram-noob.herokuapp.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

About

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

https://instagram-noob.herokuapp.com


Languages

Language:TypeScript 98.4%Language:JavaScript 1.1%Language:SCSS 0.5%Language:Shell 0.1%