THE GRAM - SOCIAL MEDIA APPLICATION

The Gram is a social media application that aims to offer users a dynamic platform for posting photo and videos, following friends, liking and commenting on posts, and private messaging. This app is built using React for the frontend and Node.js for the backend. The app is deployed on Render for easy and scalable hosting.

Features

• User Accounts: Allow users to sign up and sign in using their e-mail IDs and password for simplicity, and user shuold be able to forget their paasword.

• User Profile: This section allow user to view their profile which includes(Profile picture, Bio, Number of followers and following, delete their post and latest posts being the first).

• Change Profile: Users should be able to update and remove their profile picture and bio.

• Create Post: User should be able to upload photos by creating a new post and they can add captions, loaction information, and tags to their posts.

• Search and Engage: Users should be able to search for another user profile, follow and unfollow them.

• Interact: Users should be able to like/unlike and comment to a post.

• Private Messaging: Users should be able to send message to another user privately.

Tech Stack

Client: React, Css3, Html5

Server: Node, Express, Mongoose

Database: MongoDB

Run Locally

Clone the project

  git clone https://github.com/gauravshukla111/The-Gram.git

For Client

  cd ./the-gram/frontend

Start the server

  npm start

For Server

  cd ./the-gram/backend

Start the server

  npm run dev

Install Dependencies

For Backend - npm i

For Frontend - cd frontend npm i

Render Deployment

To deploy this project run

  Render deploy

Render Deployment Link

The Gram link

Env Variables

Make Sure to Create a config.env file in backend/config directory and add appropriate variables in order to use the app.

Essential Variables PORT= , mongoUrl = , Jwt_secret= , Socket= , password= , socketId= , cloudinary_name= , mongoDb= , react_toastify= ,

fill each filed with your info respectively

Authors

• Gaurav Shukla