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.
-
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.
-
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.
To run the project locally, follow these steps:
-
Clone the repository to your local machine
-
Navigate to the project directory
-
Install dependencies:
npm install
-
Start the development server:
npm start
-
Open your browser and visit
http://localhost:3000
to view the landing page.
This project is licensed under the MIT License.