This project is a simple React-based menu application that showcases a list of pizzas available in a fictional pizzeria called "Fast React Pizza Co."
- Hosted on Netlify: https://toronto-pizza.netlify.app/
The "Pizza Menu" project is a React-based application that simulates a menu display for a fictional pizza restaurant called "Fast React Pizza Co." It showcases various pizzas with their details.
- Displays a list of pizzas with details like name, ingredients, price, and availability.
- Offers a responsive design for seamless viewing across devices.
- React: Front-end library for building user interfaces.
- React Router: Handling navigation within the application.
- CSS (Cascading Style Sheets): Styling the application.
- JavaScript (ES6+): Core programming language used.
- npm: Package manager for installing dependencies.
The main structure of the project is divided into the following components:
- App: The main component rendering the header, menu, and footer.
- Header: Displays the title of the pizza restaurant.
- Menu: Renders the list of pizzas available in the menu.
- Pizza: Represents an individual pizza item in the menu.
- Footer: Displays information about the restaurant's opening hours.
To set up the project locally, follow these steps:
- Clone the repository:
git clone <repository-url> - Install dependencies:
npm install - Start the development server:
npm start
Upon starting the development server, open your browser and navigate to the specified localhost port to view the pizza menu application. Explore the available pizzas and their details in the menu display.
Contributions, bug reports, or feature suggestions are highly appreciated. If you wish to contribute:
- Fork the repository.
- Create a new branch for your feature:
git checkout -b feature-name - Make your changes and commit them:
git commit -m 'Add feature' - Push to the branch:
git push origin feature-name - Open a pull request.
