Skip to content

Pizzeria Menu Project is a React-based application developed with Vite. It features state management, local storage integration, and routing for dynamic navigation. Designed to provide a modern and responsive interface for managing a pizzeria menu.

Notifications You must be signed in to change notification settings

yoandryc/firstStepsReact-js

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Pizzeria Menu Project

🖼 Preview


📋 Description

This project is a React-based pizzeria menu application developed with Vite.
It features a user-friendly interface to display and manage the menu, with routing, state management, and local storage integration.
The project also includes a navigation bar for seamless user experience.


🔑 Key Features

  • React Components: The menu is built using reusable React components.
  • State Management: Utilizes useState for managing the application state.
  • Side Effects Management: Incorporates useEffect for local storage synchronization.
  • Routing: Configures routes for Home and Owner pages.
  • Navbar: Includes a responsive navigation bar.

✅ Commit Message Example

"Created Owner page displaying personal information, profile image, and favorite movies list using useState hook. Added corresponding peliculas-style.module.css for styling and updated README.md accordingly."


🚀 Getting Started

📦 Prerequisites

  • Node.js (v16 or later)
  • npm or yarn

📁 Installation

Clone the repository:

git clone <repository-url>

Navigate to the project directory:

cd <project-directory>

Install dependencies:

npm install

▶️ Running the Project

Start the development server:

npm run dev

Open your browser and navigate to the provided URL (usually http://localhost:3000).


🏗️ Building for Production

Build the project:

npm run build

Preview the build:

npm run preview

⚙️ React + Vite

This template provides a minimal setup to get React working in Vite with HMR (Hot Module Replacement) and some ESLint rules.

🔌 Official Plugins

  • @vitejs/plugin-react: Uses Babel for Fast Refresh.
  • @vitejs/plugin-react-swc: Uses SWC for Fast Refresh.

🧠 Expanding the ESLint Configuration

If you are developing a production application, we recommend using TypeScript with type-aware lint rules enabled.
Check out the TypeScript template for information on how to integrate typescript and typescript-eslint in your project.


🪪 License

This project is open source and available under the MIT License.

About

Pizzeria Menu Project is a React-based application developed with Vite. It features state management, local storage integration, and routing for dynamic navigation. Designed to provide a modern and responsive interface for managing a pizzeria menu.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published