Projects
A collection of projects that I have built leveraging my skills as a Front End Engineer.
Cocktail Explorer
Built using the following technologies:
TypeScript
JavaScript
React.js
Redux Toolkit
React Router
HTML5
CSS3
Node.js/Express.js
- Project Overview: Introducing Cocktail Explorer, a sophisticated web application designed for cocktail enthusiasts and mixology aficionados alike. This elegantly crafted platform serves as your virtual guide through the world of mixology, offering an immersive and user-friendly experience for discovering, creating, and sharing exquisite cocktail recipes.
- Extensive recipe library: Access a vast and curated collection of cocktail recipes, ranging from timeless classics to contemporary creations. Cocktail Explorer boasts a comprehensive database, ensuring users have an extensive array of choices to suit every palate and occasion.
- Intuitive search functionality: Navigate through the diverse repertoire of cocktails effortlessly with intuitive search options. Whether you're in the mood for a refreshing summer cocktail or a warming winter concoction, finding the perfect recipe is a breeze.
- Step by step instructions and visual aids: Each cocktail recipe is accompanied by clear and concise step-by-step instructions, ensuring even the novice mixologist can craft a perfect drink. Visual aids such as images and videos provide additional guidance for an immersive learning experience.
- Mobile responsiveness: Enjoy the Cocktail Explorer experience on the go with our mobile-responsive design. Access your favorite recipes and cocktail inspiration anytime, anywhere, from the convenience of your smartphone or tablet.
Tech Stack
UI Components Library
Built using the following technologies:
TypeScript
JavaScript
React.js
Next.js
Tailwind CSS
- Project Overview: Developed a modular and reusable UI component library using React, Next.js, and TailwindCSS, designed to streamline development and enhance user interface consistency across web applications. The library includes a suite of flexible components such as Buttons, Text Inputs, Badges, and more—each built with customization and accessibility at its core. This project reflects strong front-end engineering fundamentals, including component-driven development, design system thinking, and performance-conscious UI construction.
- Customization: Enabled component-level customization through robust prop interfaces and Tailwind-based styling overrides for maximum design flexibility.
- Accessability: Prioritized accessibility best practices using semantic HTML and ARIA attributes, ensuring inclusive user experiences.
- Optimization: Optimized for fast rendering and performance, with a focus on clean component architecture and reusability.
- UI/UX: Emphasized UI consistency and scalability, supporting rich, modern aesthetics suitable for enterprise-level or consumer-facing applications.