CartCraft is a feature-rich e-commerce website developed as part of the "Digital Egypt Pioneers Initiative (DEPI)." This project demonstrates the use of modern web technologies to create a seamless shopping experience for users.
- Admin Panel: Manage products with CRUD operations.
- Product Browsing and Filtering: Users can browse, filter, and search products easily.
- Shopping Cart: Add, remove, and manage products.
- Product Comparison (Bonus): Compare products side-by-side.
- Authentication: Admin authentication with token management.
- React with TypeScript: Leveraging TypeScript for enhanced handling of APIs and data types.
- Tailwind CSS: For fast, responsive design.
- Flowbite React: UI components to speed up development.
- React Hook Form: Efficient form handling.
- Local Storage: For persisting token and cart data.
- AI-Powered Design: Utilized the Flux text-to-image AI model to create the website logo and icon, enhancing the brand's visual identity with innovative design.
- Deployment: Deployed on Cloudflare Pages for fast, global performance.
To run this project locally:
-
Clone the repository
git clone https://github.com/abdoSamehDev/cart-craft.git
-
Navigate to the project directory
cd post-pulse -
Install dependencies
npm install
-
Start the development server
npm run dev
This project uses the DummyJSON API for admin authentication, fetching products data, and managing cart data. The API endpoints are handled in the useFetch, useProducts, and useCart hooks.
Special thanks to my amazing team members
We would like to express our sincere gratitude to the Digital Egypt Pioneers Initiative (DEPI) for providing this invaluable opportunity to learn and grow as developers. A special thank you to our instructor, Eng. Ahmed, for his valuable guidance and support throughout our learning journey in the initiative.
Visit the live site: CartCraft