This is my personal project, Drink Master , developed to showcase a full-cycle web application, including both frontend and responsive backend development. The platform is designed for cocktail enthusiasts who appreciate the culture and variety of beverages. It provides seamless access to an extensive library of drinks, allowing users to search, browse, and explore a wide range of options.
Key features include the ability to save favorite cocktails, create personalized drink recipes, and navigate an intuitive interface optimized for all devices 📱💻. The project highlights my expertise in building a robust full-stack solution, ensuring a responsive and efficient user experience 🌟.
Our application offers a range of convenient features that allow you to enjoy a personalized experience and contribute to the community.
- 🔐 User Authentication: Easily create and manage your personal account to unlock a tailored user experience.
- 🍹 Custom Drink Recipes: SShare your unique cocktail recipes with the community by adding them to our drink library.
- 🔍 Advanced Drink Search: Effortlessly search for drinks using multiple criteria such as name, ingredients, or drink type.
- 📖 Recipe Details: Access detailed information about drinks, including a list of ingredients, preparation instructions, and vibrant images.
- ❤️ Favorites Management: Save your favorite cocktails in a dedicated list, ensuring quick access to your preferred beverages at any time.
- 📝 Personal Contributions: Contribute to the growing library by adding your own custom drink recipes. Include the name, ingredients, and preparation steps to share your creations with other users and enrich our collection.
Clone the repository: git clone https://github.com/Marchenko1997/DrinkMaster-
Install dependencies: npm install Run the application: npm run dev
This project was built using Vite ⚡ and React ⚛️. Below is a list of the core technologies and tools used:
- ⚛️ React - JavaScript library for building user interfaces.
- 🛡️ Redux - State container for JavaScript applications.
- 🌐 HTML5 - Latest version of the markup language for creating web pages.
- 🎨 CSS3 - Latest version of the style sheet language for styling web pages.
- ✨ Styled Components - Library for writing CSS in JavaScript for React components.
- 💻 JavaScript - Programming language for implementing dynamic behavior on web pages.
- 🐙 GitHub - Web platform for storing and collaborating on code.
- 🟢 NodeJS - JavaScript runtime environment on the server side.
- 🗄️ MongoDB - NoSQL database for storing application data.
- 📖 Swagger - Tool for API documentation and testing.
- 🐙 GitHub - Web platform for version control and code collaboration.
- 👩💻 Halyna Marchenko
- ✉️ Email: marchenkohalyna888@gmail.com
- 🔗 LinkedIn: Halyna Marchenko