Starbucks Redesign Project

This project is a modern redesign of the Starbucks website, featuring a dark theme, responsive design, and engaging animations while maintaining the brand's essence.

Tech Stack

Client [Front-End] :

JavaScript: The programming language used for the frontend development.

• Vite JS: A fast, opinionated web dev build tool that serves your code via native ES Module imports during dev and bundles it with Rollup for production. Powered by React, a JavaScript library for building user interfaces.

• Framer Motion & GSAP: for creating smooth and expressive animations in React.

Installation & Usage

To get started with the project, follow these steps:

• Clone the repository:

 git clone https://github.com/aayushsingh7/starbucks-recreate.git

• Navigate to the project directory:

 cd starbucks-recreate

• Install dependencies using npm:

npm install

• Start the development server:

npm run dev

• Open your browser and navigate to the link given on termial to view the application.

Features

• Responsive Design: Seamlessly adapts to various screen sizes, ensuring optimal user experience across devices.

• Dynamic Color Schemes: Delightful visuals enhanced by carefully curated color palettes that enhance user engagement.

• Immersive Animations: Leveraging Framer & GSAP, the interface comes to life with captivating animations, enriching user interaction and aesthetics.

• Engaging Product Slider: A responsive cursor-driven slider enhances product browsing, offering an immersive and dynamic exploration experience.

Acknowledgements

Development Team:

• Thank you to our dedicated team of developers for their hard work and commitment to excellence throughout the project.
  • Aayush Singh (Captain)
  • Srinivash R.T

Sheryians from Reimagine Hackathon:

• A special thank you to the Sheryians team for organizing the ReImagine Hackathon, which provided the platform for us to collaborate and create this project.

Thank You😁💖