NextStop

Trip planning app

Progressive web app to plan trips with multi-user collaboration. React frontend with Firebase backend. Group school project.

NextStop trip planning interface

Tech Stack

ReactReact
FirebaseFirebase
OAuthOAuth
CypressCypress

Problem

Planning trips with multiple people involved messy group chats, lost bookmarks, and no central source of truth.

Solution

Built a collaborative PWA where groups can share destinations, create activities, and coordinate itineraries in real-time.

Key Features

Works offline as a Progressive Web App

Ai suggestions with google maps integration

QR code friends invitations

Native push notifications

Financial tracking and expense splitting

Challenges Overcome

1

Handling concurrent edits from multiple users

2

Designing offline-first PWA experience

3

End-to-end testing with Cypress

Insights Gained

Real-time collaboration adds significant complexity

PWAs can rival native apps in usability

Firebase security rules are critical for multi-user apps

Videos & Images

NextStop trip planning interface

Homepage

NextStop trip planning interface

Collaborative trip planning dashboard

NextStop trip planning interface

Create trip flow with ai suggestions

NextStop trip planning interface

Trip overview page

NextStop trip planning interface

Create activity with google maps integration

NextStop trip planning interface

Financial tracking and expense splitting

NextStop trip planning interface

Trip members management

NextStop trip planning interface

Notifications

NextStop trip planning interface

QR code friend scanning invitations

NextStop trip planning interface

QR code friend invitations

NextStop trip planning interface

Friendlist management