🛒 Digi Tools Buying Website

📌 Project Overview

Digi Tools Buying Website is a responsive e-commerce style web application built using modern frontend technologies.
Users can browse digital tools, select products, view the total selected items and total price, and proceed to checkout easily.
The website also provides interactive toast notifications to improve user experience.

This project demonstrates modern frontend development skills using React, Tailwind CSS, and other libraries, along with responsive design principles.

---

📸 Screenshot

🛠️ Technologies Used

• HTML5
• Tailwind CSS
• React JS
• JSON
• Font Awesome
• DaisyUI
• Vite
• External CSS
• React Toast

---

✨ Main Features

• Responsive Design: Works seamlessly across mobile, tablet, and desktop devices.
• Product Selection: Users can add or remove products from the cart.
• Total Price Calculation: Automatically calculates and displays the total price of selected products.
• Toast Notifications: Shows interactive messages when products are added, removed, or checkout is completed.
• Easy Checkout: Users can proceed to checkout with a clear summary of selected items.

---

📦 Dependencies

Main dependencies used in this project:

• react
• react-dom
• react-toastify
• vite

Install dependencies:

npm install

---

💻 How to Run Locally

1️⃣ Clone the repository

git clone https://github.com/your-username/digi-tools.git

2️⃣ Navigate to the project folder

cd digi-tools

3️⃣ Install dependencies

npm install

4️⃣ Run the development server

npm run dev

Open in your browser:

http://localhost:5173

---

🔗 Live Link & GitHub Repository

• 🌐 Live Site: https://digi-tools-platform.netlify.app/
• 💻 GitHub Repository: https://github.com/nowshintisha230/digi-tools

---

👩‍💻 Author

Nafisa Nowshin Tisha
Frontend Developer | CSE Student | React & Web Development Enthusiast