AbleWork - Frontend

FindIT Hackathon - 2025
This is the frontend repository for AbleWork, an inclusive web application designed as a career gateway for people with disabilities.

---

📃 Table of Contents

• Introduction
• Tech Stack
• How to Run Locally
• .env Configuration
• Screenshots
• Team
• Contact

---

🌟 Introduction

AbleWork is an inclusive platform that allows people with disabilities to explore and pursue meaningful career paths through accessible job listings and integrated AI tools.

This repository contains the frontend client built with modern React and optimized for accessibility.

---

🛠️ Tech Stack

• Framework: React (Vite)
• Styling: TailwindCSS, Shadcn UI
• State Management: React Hooks
• API Communication: Axios
• Deployment: Vercel

---

🧰 How to Run Locally

Prerequisites

• Node.js v18 or later
• Git

Steps

1. Clone this frontend repo:

git clone https://github.com/stynw7/ablework-frontend.git
cd ablework-frontend

2. Install dependencies:

npm install

3. Create a .env file with the following content:

VITE_API_URL=http://localhost:8080/api/
VITE_AI_API_URL=http://localhost:5000/

4. Start the development server:

npm run dev

Your app will be available at http://localhost:5173

---

🔐 .env Configuration

Required environment variables in frontend/.env

VITE_API_URL=http://localhost:8080/api/
VITE_AI_API_URL=http://localhost:5000/

These URLs should point to your running backend and AI server.

---

🖼️ Screenshots

Welcome Page

Job Listings

Chatbot Assistant (AbleBot)

---

👥 Team

This frontend is part of AbleWork project submitted for FindIT Hackathon 2025 by:

• Stanley Nathanael Wijaya – Hustler
• Kezia Meilany Tandapai – Hipster
• Nathaniel Alexander – Hacker

---

📬 Contact

• 📧 Email: [email protected]
• 💬 Discord: stynw7

Making the future of work accessible to everyone 🌍