Skip to content

Cocktail is a web-based project built with HTML, CSS, and JavaScript. It provides a collection of cocktail recipes with interactive features like ingredient filtering and animated effects, perfect for showcasing a dynamic, user-friendly interface.

Notifications You must be signed in to change notification settings

Vishwas567917/cocktail

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Cocktail Finder

Cocktail Finder is a web application that allows users to search for cocktail recipes by name and view detailed information including ingredients and preparation instructions. This project uses the CocktailDB API to retrieve cocktail recipes.

Features

  • Search Cocktails: Type in the name of a cocktail to find recipes.
  • View Ingredients: Get a list of ingredients required to make the cocktail.
  • Instructions for Preparation: View detailed instructions for preparing the cocktail.
  • Interactive UI: Enjoy a modern and user-friendly interface with interactive elements.

Getting Started

To run this project locally, follow these steps:

  1. Clone the Repository: Clone or download this repository to your local environment.
  2. Open the HTML File: Open the index.html file in your web browser.
  3. Search for Cocktails: Use the search bar to enter a cocktail name and retrieve recipes.

Installation

  1. Clone the repository:
    git clone https://github.com/your-username/your-repo.git
  2. Open the repository in your code editor or file manager.
  3. Open the index.html file in your web browser.

Usage

  1. Search for Cocktails: Type in a cocktail name and press "Enter" or click the search icon to retrieve cocktail recipes.
  2. View Ingredients: The ingredients for each cocktail will be displayed under the "Ingredients" section.
  3. Instructions for Preparation: Click the "Start Mixing" button to view detailed instructions.
  4. Close Instructions: Click the close button to hide the instructions.

Contribution Contributions are welcome! To contribute to this project, please follow these steps:

  1. Fork the Repository: Click the "Fork" button on GitHub to create a fork of this repository.
  2. Create a Branch: Create a new branch for your feature or bug fix.
  3. Commit Your Changes: Commit your changes to your branch.
  4. Submit a Pull Request: Open a pull request with a detailed description of the changes you've made.
  5. Follow Coding Guidelines: Ensure your code aligns with the project's style and best practices.

Acknowledgments This project uses the CocktailDB API, an open-source API for cocktail recipes. We thank the maintainers and contributors for providing this valuable resource.

This README template provides a clear structure for presenting your project, along with detailed instructions for installation, usage, and contribution. You can adjust it as needed to fit your project specifics, providing a comprehensive guide for users and contributors.

About

Cocktail is a web-based project built with HTML, CSS, and JavaScript. It provides a collection of cocktail recipes with interactive features like ingredient filtering and animated effects, perfect for showcasing a dynamic, user-friendly interface.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published