Restaurant Website - Landing Page

Fully Responsive Restaurant Website with Modern UI/UX in React JS.

To view the Deployed Website, click on the link given below :

• gericht fine restaurant : https://gericht-fine-restaurant.netlify.app/

Demo

Overview

The Purpose of designing this website was to learn :

• How to tansform a Figma Design into a fully functioning website, improve CSS skills and create modern and responsive ReactJS websites.
• React functional components with state and new feature React hooks like useRef() and useState() and their reusability
• React file and folder structure
• Fundatmental CSS properties to master flex and grid
• Fundamentals of the CSS BEM Model
• From soft and pleasant animations to complex gradients
• Perfectly placed media queries for satisfactory responsiveness covering almost all devices

Getting Started with Create React App

This project was bootstrapped with Create React App.

Available Scripts

In the project directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.

The page will reload when you make changes.
You may also see any lint errors in the console.

npm run build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

See the section about deployment for more information.

To clone the repository

https://github.com/asthasharma98/Searchify-Google-Search2.0-Clone.git

To launch development code - download zip file on your computer. Extract it into the empty folder. Then open npm to install all dependencies. Inside project's directory type:

npm init

📚Materials/References

• Figma File - https://www.figma.com/file/yvClSI9AZBRX8UaaGEByF3/Modern-UI%2FUX%3A-Gericht?node-id=0%3A1
• UI8 Gericht - https://ui8.net/iqonicdesign/products/gericht-restaurant-website-ui-in-figma
• BEM Educational Link - https://sparkbox.com/foundry/bem_by_example