This is an ecommerce website for DigiTools Platform, a company that sells digital tools such as design assets and templates, productivity software, AI tools etc. It has basic features such as adding/removing functionalities in cart, tab switching between Products and Cart views, showing cart count, toast notifications on product actions etc. The website is responsively designed and works on smaller devices besides larger ones.
Live Link: https://digitools.khalidrafi.tech
- React
- TailWind CSS
- Daisy UI
- JavaScript
- React Toastify (NPM package)
- JSON (for product data)
- Tab view with Products and Cart tabs. Switching between the two tabs shows corresponding items.
- Clicking “Buy Now” button on a product card adds it to Cart view. Cart view shows added products with total count in the Cart tab button as well as Navbar. In Cart view, “Proceed to Checkout” button deletes all products from the cart.
- Clicking on “Buy Now” in Products tab, “Remove” on Cart item and “Proceed to Checkout” in Cart tab shows toast notifications.
- Clone this repository and run
npm install. - Then, to start Vite server, execute
npm run dev. Your browser will automatically open with the server URL.