The Memories Website is a cutting-edge platform developed using the MERN (MongoDB, Express, React, Node.js) stack, along with Tailwind CSS. It offers users a dynamic and immersive experience, enabling them to upload photos, modify them, and search for specific posts using hashtags or descriptions. With its advanced features, including JWT authentication and user login checks, this project ensures a secure and seamless social media experience. The website showcases modern UI/UX designs, providing users with an aesthetically pleasing and intuitive interface.
-
Photo Upload and Modification: Users can effortlessly upload their photos to the platform, allowing them to showcase their creativity and share their visual content with others. Additionally, the website provides tools for modifying and enhancing the uploaded images, empowering users to personalize their posts.
-
Advanced Search Functionality: The social media website offers an efficient search feature that allows users to find specific posts using hashtags or descriptions. This functionality enhances discoverability and promotes engagement within the platform.
-
JWT Authentication: With JWT (JSON Web Token) authentication, user data and sessions are securely managed, ensuring only authorized users can access and interact with the website. This robust authentication mechanism provides a reliable and safe environment for users.
-
User Login Check: The project includes a user login check feature, enabling the website to verify the authenticity of users during login attempts. This layer of security ensures that only registered users can access their accounts, safeguarding their personal information.
-
Tailwind CSS Integration: The use of Tailwind CSS facilitates rapid and streamlined styling of components, resulting in a visually appealing and responsive design. This customizable CSS framework enhances the overall aesthetics and user experience of the social media website.
To run the Memories Website locally, follow these steps:
- Clone the repository:
git clone https://github.com/parth-khanolkar/social-media-website.git- Navigate to the project directory:
cd social-media-website- Install the required dependencies:
npm install- Set up the environment variables:
# Create a .env file in the root directory
# Add the necessary environment variables (e.g., database connection details, JWT secret, etc.)
PORT = <your_port>
CONNECTION_URL = <your_mongodb_url>- Start the development server:
npm start- Open your browser and visit
http://localhost:3000to explore the Memories Website.