Mobile Apps

Wonderlist - Travel Bucket List App

Cross-platform Expo React Native app to create and manage travel bucket lists, explore public experiences, and participate in community Q&A (Shootouts). Includes auth, maps, notifications, and rich create/edit flows backed by a Fastify + GraphQL API.

2024 - ongoing
Backend & Full Stack Development Team
Wonderlist - Travel Bucket List App project screenshot

The Challenge

Give users a simple, delightful way to plan and track travel goals while enabling a community to share public bucket lists and ask/answer travel questions, all with secure authentication and smooth mobile UX.

Our Solution

Built a modern mobile app with Expo React Native and a Fastify + Mercurius (GraphQL) backend. Implemented Firebase Auth with token persistence, Zustand state, urql GraphQL client, maps and geocoding for locations, notifications, and polished UI with safe area handling and modals.

Technology Stack

Expo
React Native
Fastify
Mercurius (GraphQL)
Sequelize
PostgreSQL
Firebase Auth
Zustand
urql
react-native-maps
expo-image-picker
react-native-safe-area-context
react-native-country-picker-modal

Development Process

1

UI/UX Design

Created comprehensive Figma designs for the travel bucket list app, focusing on user experience and visual appeal.

2

Pixel-Perfect Implementation

Converted Figma designs to pixel-perfect UI in Expo React Native with tab navigation, safe areas, and modals.

3

Expo App (UI, Navigation & State)

Implemented tab navigation, safe areas, modals, and global state with Zustand. Built reusable components (Button, Input, Card).

4

GraphQL API (Fastify + Mercurius)

Designed schema and resolvers for buckets, shootouts, notifications; wired Sequelize + PostgreSQL models.

5

Auth & User Profiles

Integrated Firebase Auth with token persistence (AsyncStorage) and profile editing with image upload.

6

Maps & Location

Added location picker and MapView, geocoding via OpenCageData, and map display on bucket details.

7

Notifications & Realtime

Implemented notification list, mark-as-read, and optional GraphQL subscriptions for realtime updates.

8

Testing & QA

Comprehensive cross-platform testing and bug fixing to ensure consistent experience.

9

Deployment

EAS builds for Android/iOS, performance optimization, and app store submission.

Results & Impact

Users can effortlessly capture trips, manage visited/pending items, explore public lists, ask and answer travel questions, and receive real time updates all in a performant, scalable app that’s production-build ready.

Ready to Start Your Project?

Let's discuss how we can help transform your ideas into successful digital solutions

Wonderlist - Travel Bucket List App | Case Study | AlimcoSoft