Project modern ui ux restaurant - A Modern UI/UX Restaurant Landing Page Website Built Using React

Overview

Restaurant Landing Page

Live Site

Restaurant Landing Page

Stay up to date with new projects

New major projects coming soon, subscribe to the mailing list to stay up to date https://resource.jsmasterypro.com/newsletter

Introduction

This is a code repository for the corresponding video tutorial. In this video, we're going to build a Modern UI/UX Restaurant Landing Page Website

You might be wondering, what are the prerequisites for building such an amazing website? Don't worry, this course is completely beginner-friendly! We're going to start easy and them move to more complex topics. Every step of the way will be explained. Alongside building the website, you'll learn:

  • 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
  • And at the end you'll learn how to deploy your websites to extremely fast servers and give them a custom domain name.
Issues
Owner
Adrian Hajdin - JavaScript Mastery
JavaScript Enthusiast & Educator
Adrian Hajdin - JavaScript Mastery
ReactRestaurantMenu - Restaurant Menu: a website built with React js with beautiful UI

Restaurant Capstone Restaurant Capstone Project Built With HTML, SCSS/CSS, and J

Rafael Echart 5 Jan 21, 2022
Simple Light is a free landing page template built on top of TailwindCSS and fully coded in React.

Simple Light is a free landing page template built on top of TailwindCSS and fully coded in React. Simple light is designed to provide all the basic components a developer need to create a landing page for SaaS products, online services, and more.

Cruip 1.2k Jan 19, 2022
🏗️ WIP React portfolio landing page using some common libraries, with planned Apollo integration into github API. (WIP)

?? React Portfolio Portfolio One-Pager made with ReactJs Live Preview Home background effect made with React-Particles ??️ Packages & APIs React graph

Matthew Jigalin 13 Jan 17, 2022
A responsive landing page for food delivery app made with React & Tailwind CSS.

React & Tailwind CSS Landing Page Intro I started this project to gain experience of Tailwind CSS which is a utility-first mobile-first CSS library. L

JB Talha Khan 27 Dec 23, 2021
Landing Page do curso React Avançado.

Simple NextJS Quick Start A simple project starter to work with React, NextJS and Styled Components You can see the example in https://nextjs-quicksta

Leonardo Lima Coelho 0 Nov 6, 2021
Huddle landing page with alternating feature blocks solution,written in React

Frontend Mentor - Huddle landing page with alternating feature blocks solution T

David Mainoo 2 Dec 30, 2021
⚡ Free Next.js landing page template for SaaS products, online services and more.

A free Next.js TypeScript landing page template for SaaS products, online services and more.

Jaakko Kytölä 370 Jan 19, 2022
Landing Page for SocialTech

Built-in feature from Next.js: ☕ Minify HTML & CSS ?? Live reload ✅ Cache busting Included Components Navbar Hero Features CTA banner Footer Philosoph

SocialTech Development 3 Jan 1, 2022
Math Magicians is a website for performing basic maths calculations, This website is built using REACT and JavaScript libraries.

Math Magicians Math Magicians is a website for performing basic maths calculations, This website is built using REACT and JavaScript libraries. Screen

Ranjeet Singh 4 Jan 17, 2022
Minimal-one-page-template - Clean and Minimalistic One Page Template Built With React.js

Minimal One Page Clean and Minimalistic One Page Template. Be sure to send your

Marcos Andre 1 Jan 5, 2022
Personal Website UI Template using React-TypeScript. I hope, it will be helpful for your personal website that showcases your work as a software developer.

Personal Website Template Personal Website UI Template using React-TypeScript Class components Personal website can be about anything you want, includ

Sayan Bhattacharyya 7 Aug 20, 2021
Single-Page Application For An Educational Website Using React

About A React Single-Page Application For An Educational Website Visit The Website From Here OpenSchool Usage As it is a React app, you must run a few

Amine Ait Ouazghour 38 Jan 4, 2022
A multi-page marketing page by react and

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

null 0 Dec 25, 2021
A modern portfolio website UI made with react for a youtube tutorial.

A modern portfolio website UI made with react for a youtube tutorial.

null 1 Nov 15, 2021
This project is designed to help those who use antd to develop a website(or web app). Maybe also need to use redux, router and so on.

react-antd-redux-router-starter This project is designed to help those who use antd to develop a website(or web app). Maybe also need to use redux, ro

yuzhou 104 Apr 12, 2021
A Group Project for creating an E-commerce Website with MERN stack

eCommerce platform built with MERN stack (MongoDB, ExpressJS, ReactJS, Nodejs) Table of Contents Table of Contents Demo videos Purpose Project URL: Fe

Van Nguyen Nguyen 3 Jan 6, 2022
Airbnb-React - In this project, An Airbnb experience page clone is created to learn and implement React props concepts.

Create React Airbnb App In this project An airbnb experience page clone is created to learn and implement React props concepts. Objectives Learn about

Yogesh Gurjar 2 Jan 7, 2022
A starter project for modern React apps with Redux

React + Redux w/ ES6 Starter Project ?? A Completely updated version of my initial boilerplate ?? Note: If you still want to use a previous version, p

Nick S. Plekhanov 562 Dec 22, 2021
Simple React-Native boilerplate code in Typescript for getting started with a new project quickly. It has all the essentials that one would require in a project.

react-native-boilerplate-typescript Simple React-Native boilerplate code in Typescript for getting started with a new project quickly. It has all the

Numanqmr 11 Sep 4, 2021