QuikData is a clean, fast, and user-friendly web application that allows users to browse, filter, and purchase internet data packages seamlessly. Built with modern React practices to deliver an excellent user experience with a focus on speed and simplicity.
- User Authentication – Dummy login system with protected flow
- Advanced Filtering – Filter by Provider, Price range, and Quota
- Smooth Checkout – Simple and fast checkout process
- Transaction History – View all past purchases
- Framework: React 18 + Vite + TypeScript
- Styling: Tailwind CSS
- State Management: Zustand
- Routing: React Router v6
- HTTP Client: Axios
- Mock Backend: json-server
- Node.js (v18 or higher)
- json-server
- Clone the repository:
git clone https://github.com/yourusername/quikdata.git
- Install dependencies:
npm install
- Start the mock backend:
json-server --watch db.json
- Start the frontend:
npm run dev