kicks-store-react-app

Welcome to Kicks Store, your go-to destination for all things footwear! the web platform offers a seamless shopping experience with a beautiful landing page and interactive features. Whether you're looking for the latest sneaker drops or timeless classics, I've got you covered. Feel Free to explore!

Table of contents

• Basic Features
• Tools and Frameworks
• Installation Steps
• Running the Application
• License

Basic Features

• Shopping Cart: Add, update, and remove items effortlessly from your shopping cart, making checkout simple and user-friendly.
• Favorites Feature: Save your favorite items for later with a dedicated favorites list, making it easy to revisit them.
• Sign-in Feature: Sample sign in or register to enhance your shopping experience.
• Responsive Design: Enjoy a consistent and seamless shopping experience on any device, thanks to a fully responsive design.
• Framer Motion: Enhance user experience with smooth, visually appealing animations, making the interface more dynamic and engaging.

Tools and Frameworks

• React: Powering the dynamic user interface to deliver an interactive shopping experience, utilizing React hooks for enhanced functionality.
• TailwindCSS & Daisy UI: Streamlining styling and layout with TailwindCSS, complemented by Daisy UI for pre-built components that speed up design.
• Node.js: Enabling real-time interactivity and backend functionality with server-side JavaScript.
• React Router: Facilitating seamless navigation between pages, ensuring fast and smooth transitions for users.
• Redux: Managing application state efficiently across components, ensuring data consistency and a smooth user experience.
• Firebase: Providing secure and scalable backend services, including authentication, real-time database, and cloud storage, to support your app’s infrastructure.

Installation Steps

1. Clone the Repository

   git clone https://github.com/thesun7385/kicks-store-react-app.git
   

2. Navigate to the Project Directory

   cd kicks-store-react-app
   

3. Navigate to the Project Directory

   cd client
   

4. Install Dependencies

   npm install
   

Running the Application

1. Start the server locally

   npm run dev
   

2. Visit the Local Website
   • Open your web browser and go to http://localhost:5184

License

© [2024] Supachai Ruknuy
This project is licensed under the terms of the MIT License. Feel free to use, modify, and distribute the codebase for educational and non-commercial purposes