Welcome to our E-Commerce App! This application is built with Next.js, TypeScript, Tailwind CSS, Shadcn UI, Redux, and Clerk. It provides a seamless shopping experience with three main pages: Product Listing, Product Detail, and Cart.
Check out the live site here.
- Search: Easily search for products using the search bar.
- Filtering: Filter products by category, rating, and price range for a personalized shopping experience.
- Add to Cart: Quickly add products to your cart for easy checkout.
- Detailed Information: View detailed information about a specific product.
- Add to Cart: Add the desired quantity of the product to your cart.
- Authentication: To access the Cart page, you need to sign in first.
- Product Quantity: Easily adjust the quantity of products in your cart.
- Checkout: Proceed to the checkout process for a smooth transaction.
- Dark Mode: Toggle between light and dark themes for a personalized visual experience.
- Clone the repository:
git clone https://github.com/your-username/apex-store.git
- Navigate to the project directory:
cd apex-store
- Install the dependencies:
npm install
- Start the development server:
npm run dev
- Open your web browser and visit
http://localhost:3000
(or the specified port)
Make sure to set up the required environment variables for Clerk authentication.
-
Next.js: Next.js is used as the framework for building the frontend of the application. It provides server-side rendering and a great developer experience.
-
TypeScript: TypeScript is used to add static typing to the application, making it more robust and maintainable.
-
Tailwind CSS: A utility-first CSS framework for designing responsive and modern user interfaces.
-
Shadcn UI: Incorporates stylish UI components for a visually appealing design.
-
React-Redux: Manages the state of the application for efficient data flow.
-
Clerk: Provides authentication functionality, ensuring secure access to the Cart page.
Contributions are welcome! If you would like to contribute to this project, please follow these steps:
- Fork the repository.
- Create a new branch for your feature or bug fix.
- Commit your changes.
- Push your branch to your forked repository.
- Submit a pull request.
This project is licensed under the MIT License.