https://github.com/moeen-mahmud/restaurant-app

A restaurant app and random meal generator built with React, React Router and Tailwind CSS.
https://github.com/moeen-mahmud/restaurant-app

javascript react-router reactjs tailwindcss

Last synced: 3 months ago
JSON representation

A restaurant app and random meal generator built with React, React Router and Tailwind CSS.

• Host: GitHub
• URL: https://github.com/moeen-mahmud/restaurant-app
• Owner: moeen-mahmud
• Created: 2021-09-30T05:10:07.000Z (almost 5 years ago)
• Default Branch: main
• Last Pushed: 2021-10-20T09:02:10.000Z (over 4 years ago)
• Last Synced: 2025-05-18T04:13:25.430Z (about 1 year ago)
• Topics: javascript, react-router, reactjs, tailwindcss
• Language: JavaScript
• Homepage: restaurant-app-weld.vercel.app
• Size: 21.5 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# FooodZa

### A place where you can find your favorite meals with recepies and also get a meal recommendation randomly.

## Table of contents

- [Overview](#overview)

  - [The challenge](#the-challenge)

  - [Screenshot](#screenshot)

  - [Links](#links)

  - [My process](#my-process)

  - [Built with](#built-with)

  - [What I learned](#what-i-learned)

  - [Continued development](#continued-development)

  - [Useful resources](#useful-resources)

- [Author](#author)

## Overview

### The challenge

User should be able to search meals by its name. He/she can view the meal details by clicking the `Details` button and also can explore the categories. There is a suggestion option where a user can get a random meal suggestion.

![Desktop View](./project-shot/fooodza.gif)

### Links

- Solution URL: [Git Repo](https://github.com/moeen-mahmud/restaurant-app)

- Live Site URL: [Live Site](https://restaurant-app-weld.vercel.app)

## My Process

### Built With

- React JS

- Tailwind CSS

- React Router

- API

### What I learned

I learned the basics of react routing by doing this project. I learned how to generate dynamic links and show the result based on this link. Besides, I learn how to use Tailwind CSS in a react project.

### Continued Development

This project helps me a lot to understand the routing and other related techniques. I;m looking forward to create some fun and experimental projects like this one.

### Useful resources

[React - Doc](https://reactjs.org/docs/getting-started.html) - It's very handy for a quick lookup.

## Author

- Twitter - [moeen_mahmud](https://twitter.com/moeen_mahmud)