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

Overview

Instagram Noob

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

Live Demo: https://instagram-noob.herokuapp.com

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
You might also like...

Create a deep copy of a set of matched elements with the dynamic state of all form elements copied to the cloned elements.

jq-deepest-copy FUNCTION: Create a deep copy of a set of matched elements while preserving the dynamic state of any matched form elements. Example Use

Oct 28, 2022

💻 A simple Create Next App template to start your projects with Next.js, TypeScript, ESLint, Prettier and other tools.

⚡ Next Typescript Template ⚡ A simple Create Next App template to start your projects with Next.js, TypeScript, ESLint, Prettier and other tools. Quic

Nov 23, 2022

Simple but Complete & Fast network monitor for your home network

netmon Netmon is an opensource project for protecting and monitoring your home network. Netmon is written to run on a Raspberry PI and is optimized to

Jul 6, 2022

VanillaSelectBox - A dropdown menu with lots of features that takes a select tag and transforms it into a single or multi-select menu with 1 or 2 levels

VanillaSelectBox - A dropdown menu with lots of features that takes a select tag and transforms it into a single or multi-select menu with 1 or 2 levels

vanillaSelectBox v1.0.0 vanillaSelectBox : v1.00 : Adding a package.json file New : Possibility to change the dropdown tree and change the remote sear

Dec 16, 2022

Lavalink client with lots of extra functionality, easy to use and well optimized.

📘 nSysLava Lavalink client with lots of extra functionality, easy to use and well optimized! พัฒนาโดยคนไทย 😳 Many utility functions - มีฟังก์ชันอรรถ

Apr 12, 2022

Project to manage multiple emails at once with lots of customization. You can send and receive emails. Desktop notifications can be modified.

Project to manage multiple emails at once with lots of customization. You can send and receive emails. Desktop notifications can be modified.

Technologies Used React Redux Tailwind CSS Features Admin dashboard User settings and or user dashboard send emails recive emails Connections through

Dec 17, 2022

A social network to connect web3 users and their communities.

Introduction This project is built using react, tailwindcss and Moralis (documentation) for our backend. We are also heavily using the built-in Morali

Jan 5, 2023

Fast Hugo gallery theme/module suitable for lots of images.

Fast Hugo gallery theme/module suitable for lots of images.

Gallery Deluxe A Hugo Module to show a photo gallery. It's very fast/effective, especially if you have lots of images on display. See the annotated in

Jan 2, 2023
Owner
Hung Minh
Have a nice day!! 🥂
Hung Minh
Lavanstax project - Makes it easy and fun to use İnstagram. Also first userbot for İnstagram

Lavanstax Lavanstax project - Makes it easy and fun to use İnstagram. Also first userbot for İnstagram | İnstagram | Telegram Channel | Telegram Group

Berathan Yedibela 19 Oct 15, 2022
Instagram.css - Complete set of Instagram filters in pure CSS

Instagram.css Instagram.css - Pure CSS Instagram filters. You can add all these Instagram-like filters to your photos with using CSS only. Thanks to t

Yan Zhu 4k Dec 30, 2022
Vanilla JavaScript Instagram Feed without access token. Not using the Instagram API

⚠️ This repository has been archived ⚠️ The focus of this repository was to provide an easy and ready to use plugin to display an Instagram Feed but s

Javier Sanahuja 316 Nov 22, 2022
A social network where you can share posts, view your profile metrics and follow other users.

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

Rui Neto 16 Aug 21, 2022
This is a cloned website of the official tesla page built with react js

TESLA-CLONE This is a cloned website of the official tesla page built with react js. The page has simillar sections which made duplicating these secti

Kevv_in 25 Nov 7, 2022
A fullstack next.js template with all the fun stuff like next auth, mongodb, prisma, chakra ui

Welcome to FullStack Next.js template ?? A fullstack next.js template with all the fun stuff like next auth, mongodb, prisma, chakra ui ✨ Demo Tech Ne

Avneesh Agarwal 10 Oct 16, 2022
mock APIs, intelligently, with context, and perform other stuff as well

@sasta-sa/project mock APIs, intelligently, with context, and perform other stuff as well ?? Setting up Clone the project git clone https://github.com

null 5 Jan 27, 2022
Smooth scrolling effect (while using mouse wheel). No jQuery or other unnecessary stuff needed.

scrooth Smooth scrolling effect (while using mouse wheel). No jQuery or other unnecessary stuff needed. Why? I needed that, and I was unable to find p

Rafał Spiżewski 20 Aug 29, 2022
A new social media site for Pokemon lovers, where you can connect with other Pokemon lovers and share messages.

PokeBook Description A new social media site for Pokemon lovers, where you can connect with other Pokemon lovers and share messages. Tools and Languag

Chris Burton 2 Jun 18, 2022