/CYF-FullStack-Product

Primary LanguageJavaScript

My Full-Stack Project

Overview

This is a full-stack web application that allows users to manage their daily diet plans. Users can view a list of meals for each day, and navigate between different days to plan their diet efficiently. The application is built using the MERN stack, which includes MongoDB, Express.js, React, and Node.js. However, I made this project in order to complete a part of application for CodeYourFuture Product volunteer work. Because of this it shows very basic features.

Features

  • View Daily Diet Plan: Users can view a list of meals for each day, including breakfast, lunch, and dinner.

  • Next and Previous Days: Users can navigate between different days to plan their diet for the entire week.

Technologies Used

  • Frontend: The frontend of the application is built using React.js, a popular JavaScript library for building user interfaces.

  • Backend: The backend of the application is powered by Node.js and Express.js, providing RESTful APIs to handle user requests.

  • Database: MongoDB is used as the database to store user meal data.

  • Styling: CSS and Bootstrap are used for styling the frontend components and creating a visually appealing user interface.

  • API Communication: Axios is used to make HTTP requests from the frontend to interact with the backend APIs.

Getting Started

To run this application on your local machine, follow these steps:

  1. Clone the repository:
https://github.com/nsaimk/CYF-FullStack-Product.git
  1. Install dependencies:
cd my-full-stack-project
npm install
  1. Start the backend server:
npm start
  1. Start the frontend development server:
npm start

The application should now be running on http://localhost:3000/, and you can access it from your web browser.

End-to-End Testing with Cypress

To run the end-to-end (E2E) tests for your full-stack project using Cypress, follow these steps:

  1. Install Cypress:
cd my-full-stack-project/client
npm install cypress --save-dev
  1. Open the Cypress Test Runner:
cd client
npx cypress open

In the Cypress Test Runner window, click on "e2e.spec.js" or the relevant test file to run the E2E tests. Cypress will automatically execute the tests in a browser window.

The Cypress E2E tests will simulate user interactions with your application and verify that different components and functionalities work as expected.

Future Enhancements

Here are some ideas for future enhancements to improve the application:

  • User Registration and Login: Implement a user registration and login system to allow users to create accounts and access their personalized diet plans.

  • Meal Categories: Add the ability to categorize meals into different types (e.g., breakfast, lunch, dinner, snacks) for better organization.

  • Meal Images: Allow users to upload images of their meals to make the diet plan visually appealing.

  • Meal Recommendations: Provide meal recommendations based on user preferences, dietary restrictions, and fitness goals.

Contributions

Contributions to this project are welcome! If you find any issues or have suggestions for improvements, feel free to open a pull request or submit an issue.

License

This project is licensed under the MIT License. Feel free to use, modify, and distribute the code for personal or commercial projects.