Daily sleep tracker mobile app

Irregular sleeping patterns are a common problem. This mobile app will fulfill the user's needs in tracking their sleeping patterns, including duration and timings. This app will track three parameters: sleep time, wake up time, and sleep duration. Users can add, edit, or remove any sleep entries.

Front-end & UI Design

• Splash Screen: When a user is not logged in, show the homepage with an introduction of the app and how it can help users track their sleep better.
• Signup page: Use Google or Facebook libraries or implement your own authentication module.
• Login page: a user should be able to login to the account using their signup method.
• New user login: show an empty page with a floating action button at the bottom right. Once a user clicks this button, show a form page or popup containing:
  • Select date using date picker
  • Select time of sleep in hour and minutes
  • Select wake up time in hour and minutes
  • Automatically calculate total sleep duration
  • Include reset, cancel, and submit buttons
• Old user logs in: show a list of entries and a floating chat for the last 7 days:
  • The list should include date, time of sleep, wake up time, and sleep duration
  • The floating chart should have the Y axis as the sleep duration with sleep start and end time and X axis as dates
  • Add a left and right arrow button beside the list and the table to allow users to check their sleeping stats for other weeks
  • Show a floating action button at bottom right

Back-end

• All entries must be stored in persistent storage on the server where it can be fetched at any time. Use databases and Rest APIs to fetch the data.
• Write backend APIs to read, write, and update entries.

The following image shows one way to implement the UI. Feel free to interpret the requirements however you'd like!

Extra challenge:  Add more visualization for weekly and monthly analysis

• Average sleep duration for the week
• Number of days the user slept less than 6 hours
• Number of days the user slept more than 8 hours
• Average sleep and wake up time

• For cross-platform use React Native with JavaScript.
• For iOS use Swift.
• For Android, Kotlin or Java is recommended.

References & Hints

• If you are building an Android app for the first time, refer to this link to setup your environment and get started. For iOS, refer to Apple’s guide.
• Use React Native Chart Kit for React Native.
• If you’re building the app using Swift, consider using Charts library for data visualization.
• For android, use MPAndroidCharts or AnyChart for data visualization.