Mini Social Media - MERN STACK

https://waywego.vercel.app/

---

WayWeGo

WayWeGo is a mini social media website where users can share their travel experiences by uploading photos as posts. Built using the MERN stack, WayWeGo features JWT authentication for secure user login, Cloudinary integration for seamless image uploads, and Tailwind CSS for a sleek and modern UI design.

Screenshots

Features:

• User Authentication: Secure user authentication using JSON Web Tokens (JWT).
• Image Upload: Cloudinary-based image upload functionality allows users to easily share their travel photos.
• Responsive Design: Built with Tailwind CSS, the website is responsive and optimized for various screen sizes.
• User Profiles: Each user has their own profile page where they can view and manage their posts.
• Explore Page: Discover new travel experiences by browsing through posts from other users.

Technologies Used:

• MongoDB
• Express.js
• React.js
• Node.js
• JSON Web Tokens (JWT)
• Cloudinary
• Tailwind CSS

Getting Started:

To run the project locally, follow these steps:

1. Clone the repository.

   git clone https://github.com/jliyon23/mini-Social-Media-Project-MernStack.git

2. Install dependencies using

   In server,

   cd server

   npm install

   npm start

   In client,

   cd client

   npm install

   npm run dev

3. Set .env

   PORT=

   MONGO_DB=

   JWT_SECRET=

4. Configure Cloudinary credentials

   client/src/components/Head.jsx

5. Start the server using npm run dev.

6. Navigate to http://localhost:5173 in your browser to view the website.

Contributing:

Contributions are welcome! Feel free to open an issue or submit a pull request.

License:

This project is licensed under the MIT License - see the LICENSE file for details.

---