Coffeely

Coffeely is an e-commerce website created with ReactJS and styled using TailwindCSS. It offers a wide range of coffee and various beverages, providing users with a delightful shopping experience while educating them about coffee culture.

Features

• User Authentication: Secure login and registration system.
• Product Listings: Comprehensive catalog of coffee and related beverages.
• Product Details: Detailed pages for each product, including reviews and ratings.
• Shopping Cart: Easy-to-use shopping cart with add, remove, and update quantity features.
• Order Management: View and manage current and past orders.
• Interactive UI: Engaging user interface with smooth animations and parallax effects.
• Responsive Design: Optimized for both desktop and mobile devices.

Technologies Used

• React: JavaScript library for building user interfaces.
• TailwindCSS: Utility-first CSS framework for rapid UI development.
• AOS (Animate On Scroll): Library to animate elements on scroll.
• Framer Motion: Library for creating animations and parallax effects.
• React Router: Declarative routing for React applications.
• Font Awesome: Icons toolkit and fonts library
• React Multi Carousel: Library to create stunning carousels

Installation

1. Clone the repository:

   git clone https://github.com/CodewithMiguelll/coffeely.git
   cd coffeely

2. Install dependencies:

   npm install

3. Start the development server:

   npm start

Usage

1. Navigate through the website to explore different coffee products.
2. Create an account to add items to your shopping cart and make purchases.
3. Learn about coffee culture through our informative blog section.
4. Use the order management system to track your orders and manage your account.

Project Structure

• /src: Main source code directory.
  • /components: Reusable React components.
  • /pages: Main pages of the application.
  • /assets: Static assets like images

Contributing

Contributions are welcome. To contribute:

1. Fork the repository.
2. Create a new branch for your feature or bug fix.
3. Commit your changes and push to your forked repository.
4. Submit a pull request detailing your changes.

License

This project is licensed under the MIT License. See the LICENSE file for more details.

Contact

For any questions or feedback, please feel free to open an issue or contact me directly on:

• LinkedIn
• Instagram