The app, screen by screen.
Screens from our mobile work. The screens use sample data.
Enlarge image: Choose a habitChoose a habit
Browse habit choices and open a journey.
Enlarge image: Habit overviewHabit overview
Review the activities within a habit journey.
Enlarge image: My JourneyMy Journey
Follow daily activities and phase progress.
Enlarge image: Daily activitiesDaily activities
Open a reflection or personal checklist.
Enlarge image: Daily reflectionDaily reflection
Write a personal reflection for the day.
Enlarge image: Reflection savedReflection saved
Review the locally saved reflection.
Enlarge image: Personal checklistPersonal checklist
Keep track of small actions for the day.
Enlarge image: Day completeDay complete
Review daily completion and return to the journey.
Enlarge image: Personal statisticsPersonal statistics
Review sample personal activity across the journey.
Enlarge image: AchievementsAchievements
Explore personal achievement progress.
Enlarge image: Manage habitsManage habits
Choose the habit journey to continue.
Enlarge image: Personal profilePersonal profile
Review sample profile information and open habit management.
A habit app with guided daily steps.
Habit Nest helps people build better habits with a guided mobile app. It gives daily routines, short lessons and progress tracking. The app also has screens for picking a habit, daily steps, stats and videos.
The hard part
Building a habit is more than ticking a box. Picking a habit, daily content, notes and progress all need to feel clear and simple, so people keep coming back.
A day in the app
Pick a habit
Choose a guided routine for the habit you want to build.
Follow the daily steps
Go through each day’s lesson and prompts.
Log your progress
Mark steps as done and write a short reflection.
Look back
See your progress and stats as you go.
My part of the project.
- React Native work on the Habit Nest app
React Native developer. The product belongs to its owners. This page describes the whole product, not only my part.
What’s inside the app
Guided habit screens
Screens for choosing and confirming a habit, daily steps and extra content.
Progress and video
Stats screens and a video player help people check progress and watch lessons.
Mobile setup
The app uses React Native, TypeScript, Redux Saga, Reanimated and CodePush. This was the setup at the time, and the live app may have changed since.
My work on the project
I worked on the Habit Nest React Native app. The code I have is an imported copy, so I don’t claim specific features or numbers as mine alone.
Tools we used.
Based on the code I worked with or my own work on the project. The live product may use different tools today.
