ShoeShack is a modern and responsive e-commerce web application built with Next.js 14 and Redux Toolkit. It provides users with an intuitive interface to browse, search, and purchase a wide range of shoes. Leveraging the power of Next.js for server-side rendering and Redux Toolkit for state management, ShoeShack ensures a seamless and efficient shopping experience.
- Product Catalog: Browse a wide selection of shoes with detailed product descriptions, prices, and images.
- Search and Filter: Easily find shoes using search functionality and various filters (brand, size, color, etc.).
- Shopping Cart: Add, update, and remove items from the cart with real-time updates.
- User Authentication: Secure user registration and login.
- Order Management: Track and manage orders with order history and status updates.
- Responsive Design: Optimized for desktops, tablets, and mobile devices.
- Next.js 14: Framework for server-side rendering and static site generation.
- Redux Toolkit: State management solution for efficient and scalable application state.
- React: UI library for building user interfaces.
- Tailwind CSS: Utility-first CSS framework for styling.
- Node.js: Backend runtime environment.
- Express.js: Web application framework for Node.js.
- MongoDB: NoSQL database for storing user and product data.
- Clone the repository:
git clone https://github.com/TECH-NINJA06/ShoeShack.git cd ShoeShack/frontend - Install dependencies:
npm install
- Set up environment variables by creating a '.env' file in the frontend directory and adding the necessary configurations.
MONGO_URI= ACCESS_TOKEN_SECRET= CLOUDINARY_CLOUD_NAME= API_KEY= API_SECRET= STRIPE_KEY= GOOGLE_SECRET= GOOGLE_ID= - Run the development server:
npm run dev
- Open your browser and navigate to http://localhost:3000.
The ShoeShack web application is also hosted online. You can access the live version at:
https://shoeshack.vercel.app