Skip to content

ahsanmahmood09/social-media-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

1 Commit
 
 
 
 
 
 

Repository files navigation

Social App

About The Project

This is a small social application built for learning purpose. User can come and create their account. After login they can search for other people and follow them. After following someone they will be able to see their posts if there are any. User can like someone's post. User can upload their post as well with the image or without it. They can delete their posts. User can see his/her own profile and the other users profile as well.

Built With

  • React Js
  • Redux-Toolkit
  • Tailwind Css
  • Nodejs
  • Express js
  • Mongo db

Getting Started

This is an example of how you may give instructions on setting up your project locally. To get a local copy up and running follow these simple example steps.

Prerequisites

  • nodejs
  • npm

Installation

client

cd into the client directory and create .env file from .env.example file, the contents are the same.

.env

REACT_APP_API_URL = 'http://localhost:5000/api'
REACT_APP_PUBLIC_FOLDER = 'http://localhost:5000/'

Terminal or Command Prompt

npm install
npm start

server

cd into the server directory and create .env file

.env

MONGO_URI = mongodb+srv://username:password@cluster0.qnlgx.mongodb.net/Database-Name?retryWrites=true&w=majority
PORT = 5000
JWT_SECRET = SECRET-KEY-OF-YOUR-CHOICE

For MONGO_URI you have to create account on https://account.mongodb.com/account/register and create a collection and get you connection string.

After setting up .env Run:

npm install
npm start

Now Visit http://localhost:3000/

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages