I'm excited to share the completion of a project developed using the MERN stack! Huge shoutout and credits to EdRoh, an exceptional YouTuber whose tutorials served to learn so many things about the MERN stack.
SocialNet-Sociopedia is a social media platform where people can gather to make friends, share their thoughts, and build meaningful connections.
- Coding Standards: Implemented coding standards for a maintainable codebase.
- Responsive UI: Crafted a responsive user interface for a seamless user experience.
- Authentication Middleware: Developed middleware for authentication to ensure data security.
- Backend Knowledge: Expanded backend knowledge through hands-on experience with MongoDB, Express.js, and Node.js.
- Feature Addition: Implemented a feature that enables users to delete their own posts directly from their profile page.
- MongoDB
- Express.js
- React.js
- Node.js
- Redux
Check out my post on linkedin : MyPost
-
Clone the repository:
git clone https://github.com/MaanLad/React_Social_Media
-
Navigate to the project directory:
cd socialnet -
Install the dependencies for both the server and client:
cd server npm install cd ../client npm install
-
Set up your environment variables. Create a
.envfile in the server directory and add the necessary configuration:MONGO_URI=your_mongo_db_connection_string JWT_SECRET=your_jwt_secret -
Start the development server:
cd server npm start cd ../client npm start
Once the server and client are both running, open your browser and navigate to http://localhost:3000. You can create an account, log in, make friends, share your thoughts, and delete your own posts directly from your profile page.
Contributions are welcome! Please follow these guidelines:
- Fork the repository.
- Create a new branch (
git checkout -b feature-branch). - Make your changes.
- Commit your changes (
git commit -m 'Add some feature'). - Push to the branch (
git push origin feature-branch). - Create a new Pull Request.
- MaanLad - MaanLad(https://github.com/MaanLad)
- EdRoh - Huge shoutout for the exceptional tutorials on MERN stack development.
It was so much fun to develop such a project. I learned so many things, and with this project, I believe that it's a great kickstart for me as a MERN stack developer.
Meet you soon again with my own new project!