Skip to content

React Pizza Menu is a simple project where I've used React to create an interactive pizza menu. It's perfect for beginners to learn about React components, JSX, props, and conditional rendering. While the pizza list is static for now, this project sets the stage for more exciting features in the future.

Notifications You must be signed in to change notification settings

Matthew-Oduamafu/pizza-menu

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React Pizza Menu

Welcome to my "React Pizza Menu" project! This project was created to help me learn React from scratch. Below, you'll find an overview of what I've learned and implemented in this project.

Project Overview

This React project showcases a pizza menu with various pizza options. Users can interact with the menu, view pizza details, and place orders. While the pizza list is not dynamic in this version, it still serves as a great foundation for future enhancements.

Demo

You can view a live demo of this project on GitHub Pages.

What I've Learned and Used

  • React Components: The project is built using multiple React components, making it easy to manage and maintain the UI.

  • JSX (JavaScript XML): JSX simplifies the process of writing UI components by allowing me to mix HTML-like tags with JavaScript.

  • Props: I've leveraged props to pass data between parent and child components, making the application more modular and reusable.

  • Conditional Rendering: I've implemented conditional rendering to display pizza details when selected by the user.

  • State Management: React state is used to manage the pizza selection and order placement.

  • CSS Styling: The project features CSS styling to enhance the visual appeal of the menu.

How to Run the Project

To run this project locally, follow these steps:

  1. Clone this repository to your local machine using git clone.

  2. Navigate to the project directory.

  3. Install the required dependencies by running npm install or yarn install, depending on your package manager.

  4. Start the development server with npm start or yarn start.

  5. Open your web browser and visit http://localhost:3000 to explore the React Pizza Menu.

Contributing

Feel free to contribute to this project by opening issues or pull requests. Your feedback and suggestions are highly appreciated.

License

This project is licensed under the MIT License. See the LICENSE file for details.


Enjoy exploring the React Pizza Menu! 🍕🚀

About

React Pizza Menu is a simple project where I've used React to create an interactive pizza menu. It's perfect for beginners to learn about React components, JSX, props, and conditional rendering. While the pizza list is static for now, this project sets the stage for more exciting features in the future.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages