UCRide

UCRide is a carpooling platform for UC Riverside students that lets verified drivers post their rides and allows riders to join the posted ride to campus.

Frontend

Frameworks

• React.js

Build Tools

• Vite

APIs/Libraries

• MapBox GL
• Socket.IO
• react-router
• css modules
• clsx

Backend

Frameworks

• Node.js with Express
• MongoDB with Mongoose

APIs/Libraries

• Socket.IO
• Multer

Authentication

• JWT
• Google OAuth via google-auth-library

Team Contributions

• Amirali
  • Worked on developing the look and feel of the website
  • Worked on the database models and backend
• Karen
  • Developed the base for the Profiles, Driver, and Review System and connected to backend
  • Developed the profile settings and added admin functionality to the admin page
  • Fixed many other issues in the frontend
• David
  • Developed the Admin, Rider, Login, Register, and Messages pages
  • Helped fix styling and logic in other frontend pages
  • Developed the backend alongside Amirali
  • Integrated MapBox GL maps into the app
  • Integrated Socket.IO for the ride-based messaging

Deployment

• Navigate to backend/ and run npm run start to start the backend server
• Navigate to frontend/ and run npm run dev to start the frontend server
• Open a browser and navigate to the URL given by npm after starting the web server

AI Use

We used AI for some of the styling and also for fixing some bugs on the frontend and backend.

Misc