Restaurants Website

This project is an elegantly crafted website designed to curate and display a rich tapestry of culinary experiences offered by a myriad of exceptional restaurants.

Page Structure

• Main

  • Filter navigation
    • Restaurant name
    • City
    • Rating
    • Alphabetically
    • Clear All Filters
  • Section
    • Restaurant item
      • Image
      • Rating
      • Description
      • City
      • Learn more (navigate to Detail View)
  • Footer
    • Logo & Description
    • Social Links
    • Copyright

• Detail View

  • Restaurant Name & Rating
  • Address
  • Image
  • Rating
  • Category
  • Section
    • Drinks List
    • Foods List
    • Reviews
  • Footer
    • Logo & Description
    • Social Links
    • Copyright

Prerequisites

• React.js version 18.2.0
• Node.js version >= 18.0.0
• npm or yarn using yarn is recommended

Installation

Node.js version >= 18.0.0 setup with yarn is recommended.

# install dependencies
yarn

# serve with hot reload at localhost:5173
yarn dev

# build for production
yarn build

Tech Stack

• UI Framework - React
• Type Checker - TypeScript
• Data Fetching - React Query
• HTTP Client - Axios
• Package Manager - Yarn
• Component UI - Shadcn UI
• Fonts - Font Source
• Icons - Lucide
• Schema Validation - Zod
• Form Validation - React Hook Form
• Client Side Routing - React Router Dom
• Deployment - Netlify
• Build Tool - Vite