Skip to content

Full-Stack E-Commerce Website for a Pastry Shop. Built with Next.js, Tailwind CSS, Stripe and Zustand

Notifications You must be signed in to change notification settings

malikkotb/pastry_shop

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

20 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Full-Stack E-Commerce Website for a Pastry Shop

This project is deployed and accessible at this link.

Screenshot 2023-08-26 at 13 36 30 Screenshot 2023-08-25 at 11 55 54 Screenshot 2023-08-26 at 16 17 55 Screenshot 2023-08-25 at 11 56 30

This repository contains the source code for a Full-Stack E-Commerce Website designed for a Pastry Shop. The website is built using Next.js, Tailwind CSS, Stripe for payment processing, and Zustand for state management.

Features

  • Responsive Design: The website is fully responsive, ensuring a seamless browsing experience across various devices and screen sizes.

  • Product Showcase: Display a variety of pastry products with images, descriptions, and prices.

  • Shopping Cart: Users can add items to their cart.

  • Checkout Process: Seamless and secure checkout process using Stripe for payment handling.

  • State Management: Zustand is used for efficient state management, providing a smooth user experience.

  • Admin Panel (Future Enhancement): An admin panel for shop owners to manage products, inventory, and orders.

Technologies Used

  • Next.js: A React framework for building server-rendered applications.

  • Tailwind CSS: A utility-first CSS framework for rapidly building custom designs.

  • Stripe: A popular platform for online payment processing.

  • Zustand: A state management library that offers a simple and flexible API.

Getting Started

  1. Clone the Repository: Start by cloning this repository to your local machine using the following command:

    git clone https://github.com/your-username/pastry-shop-ecommerce.git
  2. Navigate to the Project Directory: Move into the project directory:

    cd pastry-shop-ecommerce
  3. Install Dependencies: Install the required dependencies using npm or yarn:

    npm install
    # or
    yarn install
  4. Set Up Stripe: Obtain your Stripe API keys and replace them in the appropriate configuration files.

  5. Run the Development Server: Start the development server to see the project in action:

    npm run dev
    # or
    yarn dev
  6. Access the Website: Open your web browser and navigate to http://localhost:3000 to see the E-Commerce website.

Deployment

To deploy the project, you can follow the deployment guides for Next.js applications on platforms like Vercel, Netlify, or your own server.

Contributing

Contributions are welcome! If you find a bug or want to add a new feature, feel free to open an issue or submit a pull request.

License

This project is licensed under the MIT License.

About

Full-Stack E-Commerce Website for a Pastry Shop. Built with Next.js, Tailwind CSS, Stripe and Zustand

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published