Carbee Web Application
Juan Carlos Valerio Barreto / October 02, 2023
2 min read •
Carbee is a web application designed to compete with Curbee, focusing on optimizing performance over 3G cellular networks. This project is built using Next.js and leverages React-Bootstrap for styling. The backend is pre-filled with necessary data to simulate real-world interactions and API responses.
- Clone the repository to your local machine:
git clone https://github.com/jcvb/carbee-turbo.git cd carbee-turbo
- Install dependencies:
- Run the development server:
npm run dev
Open http://localhost:3000 in your browser to view the project.
- User authentication and session persistence
- Display of user's appointments on a dashboard
- Showing appointment availability for a selected date
Styling is managed with React-Bootstrap, and the color palette is extended to match the Carbee brand colors. The fonts are defined in the global stylesheet (globals.scss) and imported into the project.
The backend APIs are utilized to authenticate users, retrieve appointment data, and check appointment availability for a given date.
- Authentication: POST /api/auth
- Fetching Appointments: GET /api/appointments
- Checking Availability: GET /api/availability/:date
API documentation can be found https://gist.github.com/oqx/3fe35dc32796a545213d7d478452abb8
The project is version-controlled using Git and hosted on GitHub. Commit messages and branching follow best practices to ensure a coherent history and clear steps of development.