https://github.com/marrcelp/cocktailsearch_typescript
🍹 Cocktail Search App in React and TypeScript - Explore and discover cocktail recipes based on ingredients and alcohol type.
https://github.com/marrcelp/cocktailsearch_typescript
Last synced: about 1 year ago
JSON representation
🍹 Cocktail Search App in React and TypeScript - Explore and discover cocktail recipes based on ingredients and alcohol type.
- Host: GitHub
- URL: https://github.com/marrcelp/cocktailsearch_typescript
- Owner: marrcelp
- Created: 2023-11-27T10:05:32.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-12-10T13:26:22.000Z (over 2 years ago)
- Last Synced: 2023-12-11T12:39:02.837Z (over 2 years ago)
- Language: TypeScript
- Size: 14.2 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Cocktail Search App
Welcome to the Cocktail Search App! This web application allows you to generate cocktail recipes based on your choice of alcohol and ingredients. It is built using React, TypeScript, and Sass to provide a user-friendly and visually appealing experience.
## Getting Started
To run the application locally, follow these steps:
1. **Clone the Repository:**
```bash
git clone [repository-url]
```
2. **Navigate to the Project Directory:**
```bash
cd cocktail-generator-app
```
3. **Install Dependencies:**
```bash
npm install
```
4. **Install Dependencies:**
```bash
npm start
```
The app will be accessible at http://localhost:3000.
## Features
- Alcohol Selection: Choose your preferred type of alcohol from a list of options.
- Ingredient Input: Enter specific ingredients you have on hand.
- Recipe Generation: Get a curated cocktail recipe based on your selections.
- Ingredient List: View a detailed list of ingredients required for the chosen recipe.
## Technologies Used
- React: A JavaScript library for building user interfaces.
- TypeScript: A superset of JavaScript that adds static types to the language.
- Sass: A preprocessor scripting language that is interpreted or compiled into Cascading Style Sheets (CSS).
## Project Structure
The project is organized as follows:
- src/components: Contains React components for different parts of the application.
- src/styles: Sass files for styling the components.
## Acknowledgements
- The cocktail recipes are sourced from a reputable mixology API.
- Special thanks to the React, TypeScript, and Sass communities for their excellent documentation and support.
Enjoy your cocktails responsibly!
## You can check the application using below link:
https://cocktailsearch-demo.netlify.app/
**Project fully created by marrcelp, all rights reserved.**