Expo React Native Mobile App Development
Budget: $30 – $250 USD
I need a qualified professional to develop a very small, two-screen mobile application for Expo.
This project does not require integration with any external database or backend creation. There is no login functionality.
Your responsibility will be to develop an interface similar to figma and with the functions below.
*Does not need to be identical to figma, but maintain logic.
Link Figma: https://www.figma.com/file/LJsytcax2WmStFrLOWBgM6/FitApp?type=design&node-id=3-65&mode=design
How it works:
- The entire user journey is gamification.
- The user chooses a project that has x days (screen 1). Then you must mark the completed days (screen 2) in the app to earn coins.
- The coins are on the top bar (Fixed) and starts with 0 coins.
- The number of user coins and complete days must be saved in a local sql-lite database.
Summary:
- Create app with Expo 50 and TypeScript;
- The data must be saved in a local database. This project is offline, but there must be online synchronization support with the offline-first approach. Save user coins, projects and days complete;
- Number of days on screen 2 must be dynamic, according to what is selected by the user;
- Create a service where it is possible to obtain the user's total coins and record of consecutive days marked;
Screen 1:
- When opening the app, if there is a project started, jump to screen 2. If not, list projects.
- The user must choose a project from the list on the first screen to continue and start.
- Get list data via http from https://run.mocky.io/v3/b7fd91f9-abd3-46a9-b48f-6ee4aa0945b7 and save location if user goes offline
Screen 2:
- Display a representation with icons where each one represents a day of the week (similar to lessons in the Duolingo app), separated by week, until the total number of days selected by the user is total, counting from the day it started*. Complete and incomplete days have different icons.
- When opening, scroll to the current week.
- When clicking on a day, ask in modal “Completed? Yes No".
- If yes, change the icon (yellow) and add 2 coins to the user.
- Save this data in a local database.
- When clicking on a completed day, only show the message “completed”.
- When clicking on a day, if it is a date in the past or future, it will only show the message “It is not possible to mark days in the past/future”.
- The top progress bar (must be fixed) indicates progress in relation to the start date/end date*.
- (Example: a 21-day project that the user started on May 8th will end on May 29th).
Please check the attached file.
This project does not require integration with any external database or backend creation. There is no login functionality.
Your responsibility will be to develop an interface similar to figma and with the functions below.
*Does not need to be identical to figma, but maintain logic.
Link Figma: https://www.figma.com/file/LJsytcax2WmStFrLOWBgM6/FitApp?type=design&node-id=3-65&mode=design
How it works:
- The entire user journey is gamification.
- The user chooses a project that has x days (screen 1). Then you must mark the completed days (screen 2) in the app to earn coins.
- The coins are on the top bar (Fixed) and starts with 0 coins.
- The number of user coins and complete days must be saved in a local sql-lite database.
Summary:
- Create app with Expo 50 and TypeScript;
- The data must be saved in a local database. This project is offline, but there must be online synchronization support with the offline-first approach. Save user coins, projects and days complete;
- Number of days on screen 2 must be dynamic, according to what is selected by the user;
- Create a service where it is possible to obtain the user's total coins and record of consecutive days marked;
Screen 1:
- When opening the app, if there is a project started, jump to screen 2. If not, list projects.
- The user must choose a project from the list on the first screen to continue and start.
- Get list data via http from https://run.mocky.io/v3/b7fd91f9-abd3-46a9-b48f-6ee4aa0945b7 and save location if user goes offline
Screen 2:
- Display a representation with icons where each one represents a day of the week (similar to lessons in the Duolingo app), separated by week, until the total number of days selected by the user is total, counting from the day it started*. Complete and incomplete days have different icons.
- When opening, scroll to the current week.
- When clicking on a day, ask in modal “Completed? Yes No".
- If yes, change the icon (yellow) and add 2 coins to the user.
- Save this data in a local database.
- When clicking on a completed day, only show the message “completed”.
- When clicking on a day, if it is a date in the past or future, it will only show the message “It is not possible to mark days in the past/future”.
- The top progress bar (must be fixed) indicates progress in relation to the start date/end date*.
- (Example: a 21-day project that the user started on May 8th will end on May 29th).
Please check the attached file.