Social App

React Responsive, Fullstack, Social App. We will be using MongoDB, Express, node, React, Material UI, Formik, Yup, and Redux Toolkit to build this entire application. This application will allow you to created you user, login with a token validation and post, add friends, like post, and see other posts.
Explore the site »

View Demo · Report Bug · Request Feature

• MongoDB: A NoSQL database used for storing and managing data efficiently.
• Express: A backend web application framework for Node.js, aiding in server-side development.
• Node.js: A JavaScript runtime for building scalable and robust server-side applications.
• React: A frontend library for crafting responsive and dynamic user interfaces.
• Material UI: A UI framework offering pre-built components for a consistent design.
• Formik: A library for handling forms and form validation in React applications.
• Yup: A schema validation library used in conjunction with Formik for form validation.
• Redux Toolkit: A state management library ensuring predictable state updates and application-wide data handling.

•  Authentication: Secure logins with token-based authentication.
  

•  Post Interactions: Create, like, and comment on posts.
  

•  Friend Management: Add, remove, and manage friends.
  

•  Form Handling & Validation: Seamless form management and validation.
  

•  Responsive UI: Visually appealing and responsive design across devices.
  

•  State Management: Predictable data handling with Redux Toolkit.
  

•  Backend Development: Scalable backend built on Express with Node.js.
  

•  Database Management: Efficient data storage using MongoDB.
  

**Note**: This app requires API key from MongoDB Account

https://github.com/Carlosaj18/Fullstack-React-Social-App.git && cd sicial-App-clone

npm install

.env

PORT = 3001
MONGO_URL = YOUR_MONGO_API_KEY
JWT_SECRET = YOUR_JWT_SECRET

npm start
#for deployed version

npm run dev
#for deployed version

npm start
#for deployed version

npm run dev
#for deployed version

• Social App is a responsive web app can be viewed on any device.

(back to top)