E-Commerce Flower Shop

A modern e-commerce website for purchasing flowers, built with Next.js 14.2.22, featuring a beautiful, responsive design and seamless user experience.

Table of Contents

• Project Description
• Installation Instructions
• Usage Instructions
• Features
• Acknowledgments
• Contact
• Screenshots
• FAQ

Project Description

The E-Commerce Flower Shop is an online store where users can purchase flowers. The project is built using Next.js 14.2.22 for the front-end and integrates several libraries such as React Query, Tailwind CSS, ShadCN, NextAuth, Embla Carousel, and more. The site features product management, cart functionality, multi-language support, and user authentication.

Installation Instructions

Follow these steps to get the project running locally:

1. Clone the repository to your local machine:

   git clone https://github.com/hassanesssam/e-commerce-flower-shop.git

2. Navigate into the project directory:

   cd e-commerce-flower-shop

3. Install dependencies using yarn:

   yarn install

   This will install all the required packages for the project.

Usage Instructions

To run the project locally, follow these steps:

1. Start the development server:

   yarn dev

2. Access the app: Open your browser and visit http://localhost:3000 to view the project running locally.

Features

The project includes the following features:

• User Authentication: Secure login and sign-up functionality using NextAuth.
• Cart Functionality: Add to cart, view cart, and checkout options integrated with React Query.
• Responsive Design: Built using Tailwind CSS to ensure the website is mobile-friendly.
• Image Carousel: Embla Carousel for a smooth image-sliding experience.
• Forms and Validation: React Hook Form and Zod for form management and validation.
• Multi-Language Support: Translations and localization with NextIntl.
• UI Components: Styled using ShadCN for a modern look and feel.

Acknowledgments

Special thanks to the following libraries and tools used in the development of this project:

• Next.js
• React Query
• Tailwind CSS
• ShadCN
• NextAuth
• React Icons
• Embla Carousel
• React Hook Form
• Zod

Contact

Created by Elevate. Feel free to reach out for any queries or collaboration opportunities!

Screenshots

Here’s a preview of how the website looks:

FAQ

Q: How to install all dependencies?
A: Run yarn install to install all necessary dependencies.

Q: How to run the project locally?
A: After cloning the repository, run yarn dev to start the development server and open http://localhost:3000 in your browser.

Q: How to deploy this project?
A: You can deploy this project on platforms like Vercel or Netlify. Be sure to set up environment variables for authentication and other services before deployment.