View SFU with a new perspective through SFU Burnaby campus' live webcams! Easily see the location of each webcam and tune in by clicking on them. Images updated live every 10 seconds - swipe through to see previous images.
Additionally, view weather conditions for the day, and times for the next bus departures.
Visit the site here: https://sfu-webcams.vercel.app/
Source code is located in /app/
Images used stored in /public/
.json files used in code stored in /assets/
Demo Video: https://youtu.be/gRRcCRb0RTw
-
Install node js https://nodejs.org/en
-
Create a Translink developer account: https://www.translink.ca/about-us/doing-business-with-translink/app-developer-resources/register
- Verify your email and login - your API key will be emailed to you once logged in
- Replace NEXT_PUBLIC_TRANSLINK_API_KEY value in .env with your API key
-
cd into this project
-
Run the development server:
npm install
npm run dev- Open http://localhost:3000 with your browser to see the result.
Cameron Lee, [email protected]
Ana Premovic, [email protected]
Ewan Brinkman, [email protected]
NextUI library https://nextui.org/
Next.JS https://nextjs.org/
Leaflet map https://leafletjs.com/
- Camera icon image generated by Chat GPT
- Project location: public/cameras/base.png
- Chat GPT used for code support
- Camera footage fetched from SFU: click here to see if footage is currently running!
Open-Meteo Weather API https://open-meteo.com/
Translink Real-time Transit Information API https://www.translink.ca/about-us/doing-business-with-translink/app-developer-resources/rtti