This project is a responsive social media application developed using the MERN stack (MongoDB, Express.js, React, Node.js). The client and server sides are completly implemented from scratch, incorporating both core stack libraries and additional ones like Material-UI for UI theming and styles, Redux Toolkit, Redux Persist, Multer, JWT, Yup, Formik, Bcrypt, among others.
- Responsive Design: Ensures a seamless user experience across various devices.
- Client-Side Development: Utilizes React for building the dynamic user interface.
- Server-Side Development: Implements server functionality using Express.js and Node.js.
- Database: MongoDB Atlas is employed as the database for efficient data storage in cloud.
- UI Theming and Styles: Material-UI enhances the user interface with appealing themes and styles.
- State Management: Redux Toolkit is integrated for effective state management.
- File Uploads: Multer is utilized for handling file uploads.
- Persistent State: Redux Persist ensures state persistence for enhanced user experience.
- Authentication: JSON Web Token (JWT) is implemented for secure user authentication.
- Form Validation: Yup and Formik are used for form validation to ensure data integrity.
- Password Hashing: Bcrypt is employed for secure password hashing.
-
Clone Repository:
git clone https://github.com/Guillermo-prog/SocialNetwork.git
-
Client Setup:
cd client npm run start -
Server Setup:
cd server npm run start -
Run Application:
- Start the client and server concurrently.
npm run dev
- Start the client and server concurrently.
- Open your browser and navigate to
http://localhost:3000. - Explore the features of the application.
