This project is a React-based web application that provides bus schedules for the Penedès region. It allows users to check bus timings between different origins and destinations, view upcoming buses, and see full daily schedules.
- Select origin and destination from available options
- Swap origin and destination with a single click
- View the next 3 upcoming buses
- Choose a specific day of the week to check schedules
- Display full daily schedules
- Detect user's location to suggest the nearest origin
- Responsive design for various screen sizes
- React
- Next.js
- TypeScript
- Framer Motion for animations
- Lucide React for icons
- Tailwind CSS for styling
- shadcn/ui components
-
Clone the repository:
git clone [repository-url] -
Navigate to the project directory:
cd bus-schedule-app -
Install dependencies:
npm install -
Run the development server:
npm run dev -
Open http://localhost:3000 in your browser to view the app.
The app uses two main data files:
horaris.json: Contains the schedules for each routerutes.json: Contains information about available routes, including origins and destinations
BusScheduleApp: The main component that renders the entire application- UI components from shadcn/ui library (Button, Select, etc.)
Contributions are welcome! Please feel free to submit a Pull Request.
MIT License