Top Rating
- Top Contributors
  Discover the Top Open Source contributors by country or by language
- Interviews
  Discover real stories from Open Source developers
Discover

Discover your Favorite Language
Discover the top trending repositories and projects on Github. Explore the latest trends in your preferred languages.

C++

Emacs Lisp

Go

OCaml

Nix

Ruby

Groovy

C

More Languages
Awesome

Awesome repositories
Discover the most awesome repositories and projects of your favorite languages. Inspired by the Awesome-* lists trend in GitHub.

Kotlin

Shell

Scala

Dart

PHP

Perl

JavaScript

Python

More Languages
By Country

Rankings by Country
Discover the community of talented open source contributors in each country.

🇧🇹 Bhutan

🇱🇷 Liberia

🇱🇰 Sri Lanka

🇾🇹 Mayotte

🇨🇨 Cocos (Keeling) Islands

🇦🇷 Argentina

🇨🇱 Chile

🇹🇿 Tanzania

All Countries Compare Countries

adrianhajdin/project_modern_ui_ux_restaurant

Stars
1,398
Rank 33,617 (Top 0.7 %)
Language
JavaScript
Created almost 3 years ago
Updated 7 months ago

adrianhajdin/project_modern_ui_ux_restaurant

adrianhajdin

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

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

Restaurant Landing Page

Live Site

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.

project_mern_memories

This is a code repository for the corresponding video tutorial. Using React, Node.js, Express & MongoDB you'll learn how to build a Full Stack MERN Application - from start to finish. The App is called "Memories" and it is a simple social media app that allows users to post interesting events that happened in their lives.

project_3D_developer_portfolio

The most impressive websites in the world use 3D graphics and animations to bring their content to life. Learn how to build your own ThreeJS 3D Developer Portfolio today!

project_web3.0

This is a code repository for the corresponding video tutorial. In this video, we're going to build a Web 3.0 React Solidity Blockchain Application

project_chat_application

This is a code repository for the corresponding YouTube video. In this tutorial we are going to build and deploy a real time chat application. Covered topics: React.js, Node.js, Express.js, and Socket.io.

project_modern_ui_ux_gpt3

Master the creation of Modern UX/UI Websites

portfolio_website

Tutorial created by Enyel Sequeira, taught by JavaScript Mastery

project_syncfusion_dashboard

This is a code repository for the corresponding YouTube video. In this tutorial we are going to build and deploy a an admin dashboard app using React.js and Syncfusion

project_hoobank

Modern UI/UX website using React.js & Tailwind CSS

project_professional_portfolio

This is a code repository for the corresponding YouTube video. In this tutorial we are going to build and deploy a real time chat application. Covered topics: React.js, SCSS, Framer Motion, Sanity

project_next_13_ai_prompt_sharing

Next.js recently became the official React framework as outlined in React docs. In this course, you'll learn the most important Next.js concepts and how they fit into the React ecosystem. Finally, you'll put your skills to the test by building a modern full-stack Next 13 application.

ecommerce_sanity_stripe

Modern Full Stack ECommerce Application with Stripe

project_travel_advisor

Tutorial created in collaboration with Enyel Sequeira, taught by JavaScript Mastery.

project_e_commerce

This is a code repository for the corresponding video tutorial. In this video, we're going to build a fully functional eCommerce application using commerce.js.

project_shareme_social_media

Image Sharing Social Media App

project_graphql_blog

With featured and recent posts, categories. full markdown articles, author information, comments, and much more, this fully responsive CMS Blog App is the best Blog Application that you can currently find on YouTube. And what's best of all is that you and your clients can manage the blog from a dedicated Content Management System.

threads

Develop Threads, Next.js 13 app that skyrocketed to 100 million sign-ups in less than 5 days, and dethroned giants like Twitter, ChatGPT, and TikTok to become the fastest-growing app ever!

project_corona_tracker

This is a code repository for the corresponding YouTube video. In this tutorial, we are going to build and deploy a corona tracker application. Covered topics: React.js, Chart.js, Material UI, and much more.

project_medical_pager_chat

Medical Pager Chat App powered by GetStream

project_next13_car_showcase

Build and Deploy a Modern Next.js 13 Application | React, Next JS 13, TypeScript, Tailwind CSS

project_youtube_clone

Build and Deploy a Modern YouTube Clone Application in React JS with Material UI 5

project_cryptoverse

Cryptocurrency App powered by RapidAPI

project_openai_codex

Build and Deploy Your Own ChatGPT AI Application That Will Help You Code

projects_realestate

Build and Deploy a Real Estate React & Next.js Application

project_react_native_jobs

chat_application

This is a code repository for the corresponding YouTube video. In this tutorial, we are going to build and deploy a real-time chat application. Covered topics: React.js, Socket.io.

project_music_player

Master modern web development by building an improved version of Spotify. With a modern homepage, fully-fledged music player, search, lyrics, song exploration features, search, popular music around you, worldwide top charts, and much more, this is the best music application you can currently find on YouTube.

3D_portfolio

Let's build a cool 3D website together! You'll learn how to make a portfolio with fun interactive parts, like a floating island and a fox that moves when you type. It'll allow you to show off your skills and get a job!

project_fitness_app

project_ai_mern_image_generation

Build and Deploy a Full Stack MERN AI Image Generation App MidJourney & DALL E Clone

zoom-clone

Learn to develop a professional enterprise-ready video conferencing app in hours using Next.js 14, Stream, and Tailwind CSS.

project_threejs_ai

project_video_chat

This is a code repository for the corresponding YouTube video. In this tutorial, we're going to build and deploy a React Video Chat Application using WebRTC.

project_metaverse

Build and Deploy a Modern Next 13 Website With Framer Motion & Tailwind CSS

project_weather_pwa

This is a code repository for the corresponding YouTube video. In this tutorial we are going to build, deploy and publish a Weather Progressive Web App. Covered topics: React.js, Service Workers, PWA, Lighthouse...

nike_landing_page

Dive into the world of Tailwind CSS, build a Nike website, and join top-tier organizations like OpenAI, Shopify, and NASA in building stunning apps effortlessly.

project_nextjs13_flexibble

project_tiktik

project_crowdfunding

With a stunning design, connected to the blockchain, metamask pairing, interaction with smart contracts, sending Ethereum through the blockchain network, and writing solidity code.

stack_overflow_nextjs14

Ultimate Next.js 14 Course

project_news_alan_ai

In this video, we're going to build a Conversational Voice Controlled React News Application using Alan AI. Alan AI is a revolutionary speech recognition software that allows you to add voice capabilities to your applications.

project_google_clone

Google Clone App powered by RapidAPI

social_media_app

Build a modern social app with a stunning UI with a native mobile feel, a special tech stack, an infinite scroll feature, and amazing performance using React JS, Appwrite, TypeScript, and more.

project_web3_battle_game

With a stunning design, interactive gameplay, smart wallet pairing, live interaction with smart contracts, and, most importantly, the ability to battle other players in real-time, AvaxGods is the best and the only Web3 battle-style online multiplayer card game that you can currently find on YouTube.

project_ai_summarizer

travel_ui_ux

Build and Deploy a Fully Responsive Modern UI/UX Website, React.js, Next.js 13, Tailwind CSS

speechly_expense_tracker_project

This is a code repository for the corresponding video tutorial

project_html_css_website

react-native-nft-marketplace

project_youtube_video_player

This is a code repository for the corresponding article on freeCodeCamp. In this tutorial we are going to build a YouTube Clone Application from Scratch using React. Covered topics: lifecycle methods, project structure, destructuring, state management, passing props from parent to child components, API calls.

pricewise

Dive into web scraping and build a Next.js 13 eCommerce price tracker within a single video that teaches you data scraping, cron jobs, sending emails, deployment, and more.

ecommerce

Learn how to build an incredible e-commerce webshop with an admin dashboard and CMS using Next 14, Stripe, TypeScript, and Payload CMS.

project_web3_uniswap

Master Web3 development by building a Uniswap dApp React application with metamask pairing, live smart contract data fetching, and most importantly, the ability to create your own ERC20 tokens, swap them and more!

advice_app

This is a code repository for the corresponding YouTube video. In this video, we will create an interesting react project from scratch - A React Advice App. We're going to use React on the front end and we'll make get requests to Advice Slip JSON API.

anime_vault

Your favorite anime, all in one place.

node_express_crud_api

nft-marketplace-showcase

tutorial_pdf_generation

This is a code repository for the corresponding article on Medium. In this tutorial, you will learn how to generate dynamic PDFs using HTML code as a template.

adrianhajdin

project_mern_dashboard

tutorial_react_hooks

This is a code repository for the corresponding article on freeCodeCamp. In this tutorial we are going to explore React Hooks. Covered topics: useState and useEffect hooks, custom hooks, passing props, API calls.

jsm_resources_next13

tutorial_currency_converter

This is a code repository for the corresponding article on Medium. In this tutorial, we will build educational application that is going to improve your overall knowledge of Async/Await.

threads_app

refine_dashobard

project_weather_app

nft_card_game

tiktik_clone

uber

Build a full-stack Uber Clone Application with Expo’s latest features and lightning-fast edge-ready Postgres database in React Native.

project_github_card

grafbase_flexibble

project_university_calculator

cars_showcase

project_gif_app

project_mern_quiz

tutorial_material_ui

dall-e

project_university_calculator_react_native

jsm_realestate

project_currency_converter

demo-store

project_hot_or_cold_game

This is a game where the user guesses a random number in the interval 1-100 set by the computer, and gets feedback in the form of the following words; cold, warm, hot, extremely hot. The purpose is to guess the number in as little attempts as possible. The user can track his progress because previous attempts are available.

codex

project_pokedex_rtk

project_dribble_clone

figma_clone

Figma Clone using Next.js, Fabric.js and Liveblocks in TypeScript

xora

Learn how to build and deploy a SaaS landing page with modern UI and mobile-first principles while strengthening your React.js and Tailwind CSS skills.

google_maps_app

hackathon

thirdweb_project

builderio-demo

portfolio

Modern & Minimal JS Mastery Portfolio

project_countries

aora

Build your first mobile application

StoreIt_Storage_Platform

redux_hooks_intro

podcastr

uber-clone

project_gifs

testthreejs

docs