Billia – All-in-One Payment Platform

Billia is a smart, all-in-one payment platform built for Nigerians to simplify bill payments, airtime and data top-ups, and virtual dollar card usage — all powered by Billia AI for a faster, smarter experience.

View Figma Design

---

Tech Stack

• Framework: Next.js (App Router)
• Bundler: Bun
• Styling: Tailwind CSS
• Fonts: Geist, Poppins
• Language: TypeScript
• Deployment: Vercel (recommended)

---

Project Structure

.
├── public/               # Static assets (images, icons)
├── src/
│   ├── app/              # Next.js App Router pages (home, about)
│   └── components/       # Reusable UI and shared components
│       ├── shared/       # Layout components like Navbar and Footer
│       └── ui/           # Page-specific UI components (Home, About)
├── package.json          # Project dependencies
├── next.config.ts        # Next.js config
├── tsconfig.json         # TypeScript config
└── README.md             # This file

---

Getting Started

1. Clone the repository

git clone https://github.com/techstackspace/job-tasks.git
cd job-tasks

2. Install dependencies with Bun

bun install

3. Run the development server

bun dev

Open http://localhost:3000 in your browser.

---

Features

• Bill Payments: Electricity, TV, education, internet, and more
• Airtime & Data Top-up: Local and global mobile services
• Virtual Dollar Card: For subscriptions and international purchases
• Billia AI: Pay by typing commands, smart repeats, and chat
• Mobile-first Design: Optimized for all screen sizes
• Figma Accurate: Developed based on the official Figma file

---

Environment Variables

No sensitive .env variables are required for this static demo. However, future versions may include:

NEXT_PUBLIC_API_BASE_URL=
NEXT_PUBLIC_ANALYTICS_ID=

---

Author

Bello Osagie – LinkedIn • Twitter

---

Credits

• UI Design: Figma Billia File
• Icons: Custom + Heroicons
• Fonts: Geist & Poppins via Google Fonts

Deployment

Check out the live deployment at https://job-tasks-drab.vercel.app

This project is hosted on Vercel, optimized for seamless deployment of Next.js applications.