Skip to content

HilarioNengareJr/Food-Website-Landing-Page

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Pizza Vira Restaurant Landing Page

This project is a fully responsive mock-up landing page for Pizza Vira Restaurant developed using ReactJS. It features a modern design, interactive elements, and responsiveness across different devices and screen sizes.

Features

  • React Components: The landing page is divided into reusable components such as Header, Hero Section, Menu Showcase, Testimonials, Footer, etc., making the code modular and maintainable.

  • State Management with Hooks: React state hooks (useState, useEffect) are utilized to manage the dynamic content and interactive elements on the page. For example, the Menu Showcase section may fetch data asynchronously and update the UI accordingly.

  • Fully Responsive Design: The landing page is designed to be fully responsive, ensuring optimal viewing experience across various devices including desktops, tablets, and mobile phones.

Technologies Used

  • ReactJS: A JavaScript library for building user interfaces, providing a declarative and efficient way to create UI components.

  • CSS3: Cascading Style Sheets version 3 is used for styling the components, including media queries and other techniques to achieve responsiveness.

Getting Started

To run the project locally, follow these steps:

  1. Clone the repository to your local machine

  2. Navigate to the project directory

  3. Install dependencies:

    npm install
  4. Start the development server:

    npm start
  5. Open your browser and visit http://localhost:3000 to view the landing page.

License

This project is licensed under the MIT License.