KalypsoDev / FORK-P10-Nutricilious_FrontEnd

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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.

About


Languages

Language:JavaScript 97.0%Language:CSS 1.9%Language:HTML 1.1%