Clonegram

This project is clone of instagram.

View Demo . Report Bug

📔 Table Of Contents

• About the Project
  • Screenshots
  • Demo Accounts
  • Features
  • Built With
• Getting Started
  • Prerequisites
  • Clone The Repository
  • Environment Variables
  • Install NPM Packages
  • Setup Prisma
  • Run The App

About The Project

📷 Screenshots

Demo Accounts

Username	E-mail	Password
gdfgret432	example@gmail.com	QWERTy123!@#
fgd543	example1@mail.com	grdFSW$#@453
gdfsg654	example2@mail.com	gfd543$#FD

Features

• Authentication
• Light / Dark mode
• Responsive UI
• My feed
• Posting
• Saving posts
• Private account
• Real-time messaging

Built With

Frontend

• Typescript
• React
• React router
• Redux
• Axios
• SocketIO
• Chakra UI

Backend

• Typescript
• Node.js
• Express
• JWT
• SocketIO

🧰 Getting Started

Prerequisites

• Node

Clone The Repository

git clone https://github.com/Jeda777/Clonegram.git

Environment Variables

Frontend

VITE_BACKEND_URL=
VITE_API_URL=

Backend

PORT=
DATABASE_URL=
FRONTEND_URL=
ACCESS_TOKEN_SECRET=
REFRESH_TOKEN_SECRET=
CLOUDINARY_URL=

Install NPM packages

Frontend

cd client
npm i

Backend

cd server
npm i

Setup Prisma

Backend

npx prisma generate
npx prisma db push

Run The App

Frontend

npm run dev

Backend

npm run dev