prakshh / gericht-restaurant Public

Notifications You must be signed in to change notification settings
Fork 1
Star 0

A Modern UI/UX Restaurant Website transformed from Figma design to code introducing soft and pleasant animations to complex gradients built with React and CSS BEM Model

gericht-restaurant-prakshh.netlify.app/

0 stars 1 fork Branches Tags Activity

Name		Name	Last commit message	Last commit date
Latest commit History 22 Commits
public		public
src		src
.gitignore		.gitignore
README.md		README.md
package-lock.json		package-lock.json
package.json		package.json

Repository files navigation

Figma Design to Code - Gericht

Live Site

Introduction

This is a code repository for the Modern UI/UX Restaurant Website, named as 'Gericht'

Features

React Functional components and their reusability
React file and folder structure
Fundamental CSS properties to master flex & grid
Fundamentals of the CSS BEM Model
From soft and pleasant animations to complex gradients
Perfectly placed media queries for satisfactory responsiveness covering almost devices
Deployed the website to Netlify

References

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

More Screenshots

About

A Modern UI/UX Restaurant Website transformed from Figma design to code introducing soft and pleasant animations to complex gradients built with React and CSS BEM Model

gericht-restaurant-prakshh.netlify.app/

react css gradient bem-css

Report repository

Releases

No releases published

Packages

No packages published

Languages