https://github.com/asyylz/food-order-app

This repository contains the source code for a food order application built using React.
https://github.com/asyylz/food-order-app

context-api customhook reactjs

Last synced: 3 months ago
JSON representation

This repository contains the source code for a food order application built using React.

• Host: GitHub
• URL: https://github.com/asyylz/food-order-app
• Owner: asyylz
• License: mit
• Created: 2024-04-11T12:25:52.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-04-17T18:11:16.000Z (about 1 year ago)
• Last Synced: 2024-04-17T19:34:09.297Z (about 1 year ago)
• Topics: context-api, customhook, reactjs
• Language: JavaScript
• Homepage: https://food-order-63236.web.app/
• Size: 5.39 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        

    

        
Welcome to The Food Order App Repo!

    

    
This repository contains the source code for a food order application built using React. The app allows users to

        browse a variety of food items, add them to their cart, and place orders. 

    

        
Getting Started

        
Prerequisites

        
Before running the project, ensure you have the following installed on your local machine:

        


            
Node.js

            
npm (Node Package Manager)

        

        
Installation

        


            
Clone the repository to your local machine using the following command:

            git clone https://github.com/asyylz/Food-Order-App.git

            
Install project dependencies using npm:

            npm install

            


            npm start

        

    

    

        
Outcome:

        
Outcome website here

    

    

        
Features:

        Interactive UI Components:The app features reusable UI components such as input fields, buttons,

        and modal windows, enhancing user experience and making interactions intuitive.

        


        Custom Hook:useHttp Leveraging the power of custom hooks, the app efficiently manages

        HTTP requests, providing seamless communication with the backend server while maintaining code readability and

        reusability.

        


        Context Providers:Instead of Redux, the app utilizes two context providers (CartContext and

        UserProgressContext) to manage global state and facilitate data flow between components. This approach offers a

        lightweight alternative to Redux, while still providing centralized state management capabilities.

        


        JavaScript: The primary programming language used for implementing application logic and

        interactivity.

        


    

    

        

            
Notes:

        

        This project was created as part of an educational course on Udemy and is intended for learning purposes only.

        All credit for the project idea and implementation goes to the course instructors and authors.

    

    

        
Contributing

        
Contributions to the project are welcome! If you find any issues or have suggestions for improvements, please

            feel free to open an issue or submit a pull request.

        
License

        
This project is licensed under the MIT License.