Carbee Web Application

Juan Carlos Valerio Barreto / October 02, 2023
2 min read •
Carbee Web Application
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.
Project Setup
Getting Started
- Clone the repository to your local machine:
git clone https://github.com/jcvb/carbee-turbo.git
cd carbee-turbo
- Install dependencies:
npm install
- Run the development server:
npm run dev
Open http://localhost:3000 in your browser to view the project.
Features
- User authentication and session persistence
- Display of user's appointments on a dashboard
- Showing appointment availability for a selected date
Technologies Used
- Next.js
- React-Bootstrap
- TypeScript
Styling
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.
API Endpoints
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
Version Control
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.