https://github.com/clementmadiot/web_design_gerich_restaurant_react

Fully Responsive Restaurant Website with Modern UI and UX in ReactJS
https://github.com/clementmadiot/web_design_gerich_restaurant_react

Last synced: 12 days ago
JSON representation

Fully Responsive Restaurant Website with Modern UI and UX in ReactJS

• Host: GitHub
• URL: https://github.com/clementmadiot/web_design_gerich_restaurant_react
• Owner: ClementMadiot
• Created: 2024-05-29T10:19:38.000Z (7 months ago)
• Default Branch: main
• Last Pushed: 2024-06-03T14:25:56.000Z (7 months ago)
• Last Synced: 2024-06-04T09:14:54.841Z (7 months ago)
• Language: JavaScript
• Homepage: https://main--geritch-restaurant-cm.netlify.app/
• Size: 59.9 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Create React App

Geritch is a full responsive, Landing Page restaurant using "React"



  

  
Geritch



## 
 📋 Summary

- ✨ [Introduction](#introduction)

- 🛠 [Technology Used](#tech-stack)

- 🚀 [Launch App](#launch-app)

- 🎨 [Styling](#style)

## 
 ✨ Introduction

Web design of the luxurious restaurant. Explore the handcrafted cocktails and the Chef Kevin Luo's culinary vision.

## 
 🛠 Technology Used

- [react-icon](https://www.npmjs.com/package/react-icons)

Include popular icons in your React projects easily with react-icons, which utilizes ES6 imports that allows you to include only the icons that your project is using.

## 
 🚀 Launch App


**Cloning the Repository**

```bash

git clone {git remote URL}

```


**installation**

> After cloning the repository, run the command `npm install` to install the project's dependencies.

> Once the dependencies are installed, start the project with the command `npm start`.

## 
 🚀 Styling

Global styling color defined using CSS in the src/index.css file.

```

:root {

  --font-base: 'Cormorant Upright', serif;

  --font-alt: 'Open Sans', sans-serif;

  

  --color-golden: #DCCA87;

  --color-black: #0C0C0C;

  --color-gray: #545454;

  --color-crimson: #F5EFDB;

  --color-grey: #AAAAAA;

  --color-white: #FFFFFF;

}

```