SpiritSearch is a web application designed to help users discover new cocktail recipes. Built with React and Next.js, it offers a simple yet powerful way to explore a wide range of cocktail options without the need for a fully stocked bar. It uses the TheCocktailDB API to provide a comprehensive list of cocktails and ingredients. Users can search for cocktails by name, category, glass type, or alcholic content.
- Search for cocktails by name, category, glass type, or alcoholic content
- View detailed information about each cocktail, including ingredients and instructions
- Dive into individual ingredients to see what other cocktails they are used in
- Save cocktails to a favorites list for easy access
- View a random cocktail for inspiration
- Responsive design for mobile, tablet, and desktop
Check out SpiritSearch live: https://spirit-search.vercel.app/
To get a local copy up and running follow these simple steps.
npm
npm install npm@latest -gClone the repo
git clone https://github.com/pdiegel/Spirit-Search.gitInstall NPM packages
npm installAdd this Environment Variable to a .env file in the root directory:
# This is required for development purposes.
NEXT_PUBLIC_NODE_ENV=developmentAfter installation, you can run SpiritSearch locally:
npm startNavigate to http://localhost:3000 to view the app.
Any contributions you make are greatly appreciated.
- Fork the Project
- Create your Feature Branch (git checkout -b feature/AmazingFeature)
- Commit your Changes (git commit -m 'Add some AmazingFeature')
- Push to the Branch (git push origin feature/AmazingFeature)
- Open a Pull Request
Distributed under the MIT License. See LICENSE for more information.
Philip Diegel - philipdiegel@gmail.com
Project Link: https://github.com/pdiegel/Spirit-Search
- React
- Next.js
- Vercel