Skip to content

TheMealHub is an Online Food Recipe website where you can search your favorite food according to your taste.

Notifications You must be signed in to change notification settings

SouravBandyopadhyay/TheMealHub

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

TheMealHub

TheMealHub is an Online Food Recipe website where you can search your favorite food according to your taste.

Tech Stack

React, JavaScript, Html, CSS, Chakra-UI

Features

  • Navigation Bar and Footer is well aligned.
  • Fetching API for displaying the data.
  • Meal Item is sorted in Alphabetical Order.
  • Food of the Day section is provided where Random special food is give.
  • Searching Functionality is also provided with certain Delay.
  • Pagination Added in Meal Page
  • Light And Dark Mode

Installation

Clone the Repository from Github. Then do the following steps:

    npm install

    npm run start

Screenshots

Home Page

This is the landing page when user visits the website first.

App Screenshot

Meals Page

The Data Related to Meals coming from an API. User can checkout various food items on this page.

App Screenshot

Food Of The Day

A Random Food Recipe is displayed in this section and user can check it out.

App Screenshot

About Page

This is the concluding page where some useful links to contact is provided.

App Screenshot

Deployment Link

https://superlative-tapioca-85f901.netlify.app/

About

TheMealHub is an Online Food Recipe website where you can search your favorite food according to your taste.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published