A restaurant UI converted into react.js

Figma Design

Figma file

Tech Stack

Client: React.js

Server: No Backend!!

Run Locally

Clone the project

  git clone https://github.com/co-bby/Restaurant-UI

Go to the project directory

  cd my-project

Install dependencies

  npm install

Start the server

  npm run start

Lessons Learned

• React functional components and their reusability

• React file and folder structure

• 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

Acknowledgements

• IQONICDESIGN for th UI Design