A full-stack application built using the MERN (MongoDB, Express, React, Redux, Node.js) stack. It seamlessly integrates a user-friendly frontend interface with a powerful backend, allowing users to effortlessly manage and explore their memories. From signing up to sharing moments, from liking memories to personalizing them, this platform offers a range of features that cater to users' desire for reliving and preserving their experiences.
User Authentication: Register for an account or log in using your email and password. Alternatively, you can quickly sign in using your Google account for added convenience.
Memory Management: Create new memories complete with captivating images and meaningful descriptions. Easily edit your memories to add more content or update details. If you ever wish to remove a memory, the delete feature is just a click away.
Engagement: Express your appreciation for memories by liking them. Don't worry if you change your mind; the option to remove a like is readily available.
This project showcases the power of the MERN stack in creating a seamless and interactive experience for users to capture and relive their life's most precious moments. Dive into the world of Memories and embark on a journey down memory lane.
To get the Memories MERN Website up and running on your local machine, follow these steps:
- Clone the Repository:
git clone https://github.com/your-username/memories-mern.git
cd memories-mern- Install Dependencies:
- For the server:
cd server npm install- For the client:
cd client npm install - Server Configuration: Navigate to the server directory and create a .env file. Update the environment variables in the .env file, including MongoDB connection details and JWT secret.
- Running the Application:
- In the server directory, run the Express server:
npm start- In the client directory, run the React development server:
npm start - Access the website at http://localhost:3000.
- Authentication Setup: Configure your Google API credentials for the sign-in with Google feature.
- Frontend: React.js, Redux, Material-UI
- Backend: Node.js, Express.js, MongoDB, bcrypt, JSON Web Tokens (JWT)
Contributions are welcome! If you have suggestions, enhancements, or bug fixes, please feel free to submit pull requests or create issues in the repository.
This project is licensed under the MIT License.
Note: This project is inspired by and based on the content from the JavaScript Mastery YouTube course. The original course material and guidance provided invaluable insights into building this Memories MERN Website.