🚙 Davao Commute Guide (Link to GitHub Repository)

Davao Commute Guide is a final project for an academic course CMSC 186 (Web Services and Service-Oriented Architecture). Full documentation will be iteratively added.

⚙️ Tech Stack

• Next.JS 14
• TypeScript
• Tailwind
• ShadCN UI
• Google Maps API (Directions)

Manual

Generate API Key in Google Console

Instruction	Image
Go to console.cloud.google.com and create a new project
Fill out all the necessary information to create the project
Select your project
Select the API & Services
Click the ENABLE APIS AND SERVICES button
Enable the Places API, Maps Javascript API, and Directions API
After enabling all the necessary APIs, go to Credentials, which can be found in the left navigation tab
Click the item in the API key section
Copy the API key in the right side of the page.

Generating OpenWeather API

Instruction	Image
Go to OpenWeather API and create an account
Proceed API Keys tab
Copy the default API Key

Creating environment

1. Create .env.local in the root directory of the repository.
2. Insert NEXT_PUBLIC_GOOGLE_MAPS_API={your_api_key} inside the .env.local and replace {your_api_key} with the api key you copied in the credentials page.
3. Insert NEXT_PUBLIC_OPEN_WEATHER_API_KEY={your_api_key inside the .env.local and replay {your_api_key} with the api key you copied in the Open Weather page.

Run the project

1. Run the following command to run the project.

npm install
npm run dev