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
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.
- Express
Express.js is a simple Node.js framework for single, multi-page, and hybrid web applications.
- React
React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components
- Material UI
material-ui adds classes to Tailwind CSS for all common UI components. Classes like btn, card, etc. This allows us to focus on important things instead of making basic elements for every project.
- Firebase
Firebase offers a comprehensive set of features, including real-time database, authentication, hosting, cloud functions, storage, and more. Firebase provides an easy-to-use interface and allows developers to focus on building features rather than managing infrastructure.
- Redux
Redux is a state management library for JavaScript apps that provides a predictable and centralized way to manage application state. It enables developers to write actions and reducers that update the state in response to user interactions, server responses, and other events, and can be used with a variety of front-end frameworks and back-end technologies.
