Skip to content

🍽️ Discover and search and make your grocery list for delicious meals with Meals Master β€” Built with React, TypeScript, Tailwind CSS, and Shadcn UI.

Notifications You must be signed in to change notification settings

shit630/Meals-Master

Β 
Β 

Repository files navigation

🍽️ Meals Master

🌐 Live Demo

GitHub Repo stars GitHub forks GitHub last commit Vercel React TailwindCSS


Meals Master is a beautiful and responsive meal browsing application where users can explore a wide variety of dishes. It offers a clean UI, fast navigation, and mobile-friendly design, built using modern front-end technologies.


πŸš€ Tech Stack

Technology Purpose
React.js Building the user interface and component structure
TypeScript Adding type safety to JavaScript
Vite Fast development server and optimized builds
Tailwind CSS Rapid UI styling with a utility-first approach
Shadcn/UI Prebuilt accessible UI components
Vercel Deployment and hosting of the web app

✨ Features

  • πŸ₯˜ Browse a wide collection of meals
  • πŸ” Search functionality to find meals
  • πŸ“± Fully responsive design for all devices
  • ⚑ Fast and smooth page transitions
  • 🎨 Elegant and clean user interface

πŸ“¦ Installation

To run Meals Master locally:

git clone https://github.com/jasminekeshari/Meals-Master.git
cd Meals-Master
npm install
npm run dev


πŸ—οΈ Project Structure

Meals-Master/
β”œβ”€β”€ public/         # Static files
β”œβ”€β”€ src/
β”‚   β”œβ”€β”€ components/ # Reusable UI components
β”‚   β”œβ”€β”€ pages/      # Main pages (Home, Meals, etc.)
β”‚   β”œβ”€β”€ assets/     # Images, icons, and logos
β”‚   β”œβ”€β”€ App.tsx     # Root component
β”‚   β”œβ”€β”€ main.tsx    # Entry point
β”œβ”€β”€ package.json    # Project dependencies
β”œβ”€β”€ tailwind.config.ts # TailwindCSS configuration
β”œβ”€β”€ vite.config.ts  # Vite configuration
└── tsconfig.json   # TypeScript configuration


πŸ‘©β€πŸ’» Author
Jasmine Keshari
https://github.com/jasminekeshari/Meals-Master

πŸ™Œ Contributing
Contributions are welcome!
Feel free to open an Issue or submit a Pull Request.

⭐ Contributors
We’d like to acknowledge the amazing contributors who made this project possible.
Below is the GitHub list of both contributors:
@jasminekeshari 
@shit630 (soumen shit)

⭐ Show Your Support
If you like this project, please give it a ⭐ on GitHub β€” it really helps!

About

🍽️ Discover and search and make your grocery list for delicious meals with Meals Master β€” Built with React, TypeScript, Tailwind CSS, and Shadcn UI.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 98.2%
  • CSS 1.3%
  • Other 0.5%