/FORK-P10-Nutricilious_FrontEnd

Primary LanguageJavaScript

Nutrilicious Frontend 🌱🛒

A frontend application built with React for Nutrilicious, a healthy food marketplace. The application allows users to browse products, add them to the cart, and enables company administrators to manage their products.

Features 🌟

  • User Authentication: Users can log in securely to access their account and perform various actions like browsing products, managing the cart, and making purchases.

  • Product Management: Company administrators can add, update, and delete their products, ensuring the availability of the latest offerings in the marketplace.

  • Cart Management: Users can add products to their cart, view the contents of their cart, update quantities, and remove products as needed.

Project Structure 📁

The project structure is organized as follows:

  • Components: Contains reusable React components for building the user interface.
  • Utils: Contains utility functions and constants used throughout the application.
  • Services: Contains service modules for making API calls to the backend.
  • Styles: Contains CSS or SCSS files for styling the components.
  • Tests: Contains Jest and React Testing Library tests for testing React components and functionality.

Installation 🚀

  1. Clone the repository:

    git clone https://github.com/DevDesiree/P10-Nutricilious_FrontEnd.git

  2. Navigate to the project directory:

    cd project-directory

  3. Install dependencies using npm:

    npm install

  4. Start the development server:

    npm run dev

Usage 🚀

  1. Log in using your credentials or sign up for a new account.
  2. Browse products from various companies and add them to your cart.
  3. Manage your cart by updating quantities or removing products.
  4. Company administrators can access the admin dashboard to manage their products.

Dependencies 📦

  • React: JavaScript library for building user interfaces.
  • React Router DOM: Allows navigation between different pages in a React application.
  • TwElements React: A UI library for building responsive and accessible React components.
  • Axios: Promise-based HTTP client for making requests to the backend API.
  • Vite: Frontend build tool for fast and efficient development.

Contributing 🤝

Contributions are welcome! Please fork the repository, make your changes, and submit a pull request.

License 📄

This project is licensed under the MIT License.