⭐ Leave a star if you find it useful. ⭐ Live Demo
Welcome to Panda Steeze, an e-commerce website that offers a wide selection of trendy t-shirts and hoodies for sale. Our site is built with Next.js, Tailwind CSS, Framer Motion for animation, Next API, Headless UI, and Hero Icons.
Our website features the following pages:
- Home: A landing page that showcases our latest products and promotions.
- About: A page that provides information about our brand, mission, and values.
- Basket: A shopping cart page where customers can view their selected items and proceed to checkout.
- Wishlist: A page where customers can save items they're interested in purchasing at a later time.
- Shop: A page that displays all of our products and allows customers to filter by category, size, and color.
- Product: A page that displays detailed information about a specific product.
- Product Detail (PDP): A page that allows customers to view multiple images of a product, choose the size and color, and add it to their cart.
Our website is built with the following technologies:
- Next.js: A React-based framework that allows for server-side rendering and optimized performance.
- Tailwind CSS: A utility-first CSS framework that enables rapid UI development.
- Framer Motion: A motion library for React that allows for easy and customizable animations.
- Next API: A serverless API solution that allows for rapid and flexible development.
- Headless UI: A set of completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.
- Hero Icons: A set of open-source icons designed for use with Tailwind CSS.
Our project includes several features that you can contribute to, including:
- Responsive design
- Dynamic grid layout
- Trending item recommendations
- Add to basket functionality
- Size and color selection
- Wishlist functionality
- Checkout process
To install and run Panda Steeze on your local machine, follow these steps:
Clone this repository to your local machine using the following command:
git clone https://github.com/your-username/panda-steeze.git
Navigate to the project directory using the following command:
cd panda-steeze
Install the necessary dependencies using the following command:
npm install
Start the development server using the following command:
npm run dev
Open your web browser and navigate to http://localhost:3000 to access the Panda Steeze website.
We welcome contributions to our project! If you'd like to contribute, please fork this repository and submit a pull request with your changes. License
This project is extended from wefootware and licensed under the MIT License.