DigiTools

A modern digital tools marketplace UI built with React + Vite

Project Overview

DigiTools is a responsive web marketplace interface for browsing premium digital products, adding items to a cart, and simulating checkout.
It focuses on clean visual design, smooth interactions, and a simple product discovery experience.

Live Project

• Live Site: https://digiven.netlify.app/
• Repository: https://github.com/ahadunnobi/DigiTools

Screenshot

Technology Stack

• Frontend Framework: React 19
• Build Tool: Vite 8
• Styling: Tailwind CSS 4 + DaisyUI
• Notifications: React-Toastify
• Language: JavaScript (ES Modules)

Core Features

• Browse a curated list of premium digital products
• Switch between Products and Cart views
• Add items to cart with duplicate-item prevention
• Remove individual items from the cart
• Instant price total calculation and checkout simulation
• Real-time toast notifications for key user actions
• Fully responsive UI across desktop and mobile screens

Dependencies

Runtime Dependencies

• react
• react-dom
• react-toastify

Development Dependencies

• vite
• @vitejs/plugin-react
• tailwindcss
• @tailwindcss/vite
• daisyui
• postcss
• autoprefixer

Run Locally

1) Clone the repository

git clone https://github.com/ahadunnobi/DigiTools.git
cd DigiTools

2) Install dependencies

npm install

3) Start development server

npm run dev

4) Build for production

npm run build

5) Preview production build

npm run preview

Additional Links

• Design file (.fig): DigiTools.fig
• Design file (.penpot): DigiTools.penpot