https://github.com/javub25/recipes
https://github.com/javub25/recipes
mealdb-api react tailwindcss
Last synced: 3 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/javub25/recipes
- Owner: javub25
- Created: 2023-07-16T16:20:48.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2023-10-29T19:16:59.000Z (over 1 year ago)
- Last Synced: 2025-02-05T05:34:38.740Z (4 months ago)
- Topics: mealdb-api, react, tailwindcss
- Language: JavaScript
- Homepage: https://mealdbproject13.netlify.app
- Size: 1.98 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# TastyWorld (MealDB)
## What does my aplication do?
My application provides users with a list of recipes classified by categories, such as from a region of the world.
Once the user chooses a recipe, they will have the main ingredients and step-by-step section to
prepare it at home.
To avoid that users don't lose their recipes, they have the chance to added them as favourites by clicking on the heart Add Favourites to see them at any time.
## Built with
- Tailwind CSS
- React JS
- Vite
## Why did I used these technologies?
- Tailwind provided me a quick customisation of styles,
easy to install and use, recommended to anyone who hasn't used it before.
- React gave me the chance to make more clear my code to organise various functionalities into components.
- Vite offered me a quick response time to launch my project up and running.
# Getting Started
## Prerequisites
- node.js (^18.16.1(LTS))
- git
## Setup
- Clone the repository into the folder in which you would like to install the whole project
```git
git clone "https://github.com/javub25/Recipes.git"
```
- Install dependiencies
```npm
npm install
```
- When all dependiencies have been downloaded run the project
```npm
npm run dev
```
- Finally when the whole project is up and running, it can be accessed by localhost
```npm
http://localhost:5173/
```
### ScreenShots
