---

📋 Table of Contents

1. 📜 About the project
2. ⚙ Tech Stack
3. 🔋 Features
4. 🤸 Quick Start
5. 🤝 Contributing

📜 About the Project

ShakeIt is a cocktail and drink exploration application built with React.js. It allows users to browse a variety of cocktail recipes, search for drinks by name, and discover new flavors. The application fetches drink data from an API and provides an intuitive interface for easy navigation.

A unique feature of ShakeIt is the Trending Drinks section, which tracks the most searched drink terms using Appwrite for data storage. This allows users to explore popular and trending cocktails in real-time, enhancing the discovery experience.

ShakeIt is designed to offer a seamless and engaging experience for both casual enthusiasts and professional bartenders.

⚙ Tech Stack

• React.js
• Appwrite
• Tailwind CSS

🔋 Features

• Search Drinks: Easily search for specific drinks using a search function.
• Trending Drinks Algorithm: Displays trending drinks based on a dynamic algorithm.
• Details Modal: When clicking on a drink item, a modal displays more information about it.
• Modern UI/UX: A sleek and user-friendly interface designed for a great experience.
• Responsiveness: Fully responsive design that works seamlessly across devices.

🤸 Quick Start

Follow these steps to set up the project locally on your machine.

Prerequisites

Make sure you have the following installed on your machine:

• Git
• Node.js
• npm (Node Package Manager)

Cloning the Repository

git clone https://github.com/DhemesonSiqueira/movie-react-app.git
cd movie-react-app

Installation

Install the project dependencies using npm:

npm install

Set Up Environment VITE Variables

Create a new file named .env.local in the root of your project and add the following content:

VITE_APPWRITE_PROJECT_ID=

VITE_APPWRITE_DATABASE_ID=

VITE_APPWRITE_COLLECTION_ID=

Replace the placeholder values with your actual Appwrite. You can creating a new project on the Appwrite. You should create the following attributes in your collection: count, drink_id, poster_url and drink_name.

Running the Project

npm run dev

open http://localhost:5173 in your browser to view the project.

🤝 Contributing

Where can I improve?

We welcome contributions! Whether it's improvements, bug fixes, or new features, feel free to contribute:

1. Fork the repository.
2. Create a new branch (git checkout -b feature/new-feature).
3. Make your changes and commit them (git commit -am 'Add new feature').
4. Push your changes (git push origin feature/new-feature).
5. Open a Pull Request on GitHub.

---