sauravshekharsingh / social-media-app

Social Media Application using Node.js, Express, MongoDB, Firebase with login, signup, creating/deleting post, liking and commenting posts, notifications, viewing profile

Home Page:https://social-media-app-fe.netlify.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Social Media App Project

This project is a social media app built with Node.js, Express, MongoDB, React, and Firebase. The app allows users to connect with each other through posts, likes, comments, and profiles.

Functionalities

  • User authentication via login and signup
  • Create and delete posts
  • Add and remove likes
  • Add and remove comments
  • View and update user profiles
  • Receive notifications for account-related activities
  • Upload photos

Technologies Used

  • Node.js
  • Express
  • MongoDB
  • React
  • Firebase

Screenshots

image

image

image

image

Getting Started

Prerequisites

  • Node.js
  • MongoDB
  • Firebase Account

Installation

  • Clone the repository:
git clone https://github.com/username/social-media-app.git
  • Install dependencies:
cd social-media-app
npm install
  • Set up Firebase:

    • Create a Firebase account and project
    • Generate Firebase API keys for the project
    • Add the API keys to a .env file in the root directory in backend
FIREBASE_API_KEY
FIREBASE_APP_ID
FIREBASE_AUTH_DOMAIN
FIREBASE_MEASUREMENT_ID
FIREBASE_MESSAGING_SENDER_ID
FIREBASE_PROJECT_ID
FIREBASE_STORAGE_BUCKET
JWT_SECRET
SALT_ROUNDS
MONGO_URL
PORT
  • Add the API keys to a .env file in the root directory in frontend
REACT_APP_API_BASE_URL
  • Start the server:
npm start

Contributors

Saurav Shekhar Singh | @sauravshekharsingh

About

Social Media Application using Node.js, Express, MongoDB, Firebase with login, signup, creating/deleting post, liking and commenting posts, notifications, viewing profile

https://social-media-app-fe.netlify.app/


Languages

Language:JavaScript 98.5%Language:HTML 1.1%Language:CSS 0.3%