More Premium Hugo Themes Premium React Themes

Social Media App

Full stack, fully-featured social media web application using React, Firebase, Redux, Express, and Material-UI. Implemented backend REST API server with Node.js and Express, user login and authentication, image uploads, notifications, cloud functions, deploying to Firebase

Social Media App

Full stack, fully-featured social media web application using React, Firebase, Redux, Express, and Material-UI. Implemented backend REST API server with Node.js and Express, user login and authentication, image uploads, notifications, cloud functions, deploying to Firebase

Author Avatar Theme by dch133
Github Stars Github Stars: 100
Last Commit Last Commit: Aug 17, 2022 -
First Commit Created: Jan 15, 2024 -
default image

Overview:

Social-Media-App is a full stack, fully-featured social media application built using React, Firebase, Redux, Express, and Material-UI. It includes a backend REST API server implemented with Node.js and Express, as well as cloud functions on Firebase. The app allows users to log in, sign up, and authenticate, and provides features such as creating posts, liking them, adding comments, customizing user profiles, and uploading images.

Features:

  • Make posts, like them, and add comments: Users can create posts, like other users’ posts, and add comments to engage with the social media community.
  • User login, sign up, and authentication: The app provides a secure login and sign up system for users to access their accounts and authenticate their identities.
  • Customize user profile: Users can personalize their user profile by adding profile pictures, updating their bio, and providing other relevant information.
  • Image uploads: The app allows users to upload images to their posts or profile, enhancing the visual experience.
  • Notifications: Users receive notifications for activities related to their posts, such as likes and comments, keeping them updated and engaged.

Installation:

To run the frontend side of the Social-Media-App locally, follow the steps below:

  1. Install the required packages by running the following command in the project’s root directory:
npm install
  1. Start the project by running the following command:
npm start
  1. Open the app in your browser by navigating to http://localhost:3000.

Please note that the remote version of the app hosted on Firebase or Github Pages may not be actively supported or fully functional due to possible outdated dependencies. Feel free to suggest changes and improvements if desired.

Summary:

Social-Media-App is a comprehensive social media application built using React, Firebase, Redux, Express, and Material-UI. It provides essential features such as creating posts, liking them, adding comments, user authentication, profile customization, image uploads, and notifications. By following the installation guide, users can run the app locally and explore its functionality.