Content_Card_FullStackProject

MERN stack web app for sharing daily activities, from road trips to movie nights. Features secure asymmetric JWT authentication for user access. Enjoy an intuitive card-based interface for documenting and sharing life's adventures

Daily Activity Tracker

Overview

The Daily Activity Tracker is a web application designed to enable users to seamlessly share and document their daily activities, from road trips to movie nights. This project utilizes the MERN (MongoDB, Express.js, React, Node.js) stack to provide a modern, efficient, and user-friendly platform for capturing and sharing life's memorable moments.

Technologies Used

Frontend

• React.js: The frontend is built with React.js, a popular JavaScript library for building user interfaces. It offers a dynamic and interactive user experience.

• Material-UI: Material-UI is used for UI components, providing a consistent and visually appealing design.

• CSS: Custom CSS is used for styling and layout adjustments, ensuring a polished and responsive user interface.

Backend

• Express.js: The backend is powered by Express.js, a fast and minimalist web application framework for Node.js. It handles routing and API requests.

• MongoDB: MongoDB is the database of choice, offering flexibility and scalability for storing and retrieving user-generated activity data.

• Asymmetric JWT (JSON Web Tokens): Asymmetric JWT authentication ensures secure access to the platform, safeguarding user data and interactions.

• Node-RSA: Node-RSA is employed for cryptographic operations, enhancing security and privacy.

Getting Started

To get started with the project, follow these steps:

1. Clone the Repository:

git clone https://github.com/your-username/daily-activity-tracker.git

2. Install Dependencies:

• Navigate to the frontend and backend directories separately and run:

  npm install
  

3. Configure Environment Variables:

• Set up environment variables in the .env files for both the frontend and backend as needed.

4. Run the Application:

• Start the frontend and backend servers separately:

  npm start
  

5. Open in Browser:

• Access the application at http://localhost:3000 (or as configured).

Features

• Secure User Authentication: Asymmetric JWT authentication ensures secure user access to the platform.

• Intuitive Card-Based Interface: Users can document and share their daily activities conveniently through an intuitive card-based interface.

• Customizable UI: The project is easily customizable with Material-UI and custom CSS, allowing for unique and visually appealing designs.

• Efficient Data Management: MongoDB facilitates efficient data storage and retrieval, ensuring a seamless user experience.

• And More: The project is continuously evolving with additional features and enhancements.

Acknowledgments

• Special thanks to the open-source community and contributors of the technologies used in this project.