Skip to content

Rishav-02/react-food-page

Repository files navigation

React Food Page

GitHub top language GitHub language count


Front View

Filter Section

Category Section

Screenshot (47)

Mobile Responsive Screenshot (49)

NavBar Icons Screenshot (48)

Food Page built with React Live Demo

Tech Used

Features

  • You can filter food by price
  • You can filter food by Food Name
  • Listing of various types of Food

Getting Started

First you have to set up your react project by running

npx create-react-app food-page

Install dependency react-icons

npm install react-icons

You have to setup for Tailwind Css by following documentation. Tailwind Css


Finally clone this repository, install dependencies and run the local server

git clone https://github.com/Rishav-02/react-food-page.git
cd food-page
npm install
npm start

Credits

unsplash.com (For Food Images)