letelete/sleep-cycle-alarm

This app helps managing your sleep habits, so you could wake up fully rested and rock your day! Sleep cycles matter.

I'm a Frontend Engineer, specializing in creating amazing UI experiences with attention to detail, performance, and accessibility 🦄

🔸 Fun fact

I've won the international Google programming contest

🔸 Learn more about me

kawka.me

🔸 Contact me

sleep-cycle-alarm's Issues

Bug: CircleCi Android emulator is not launcing

Add exit from app confirmation

The user should confirm if he wants to exit from the app by pressing back button once again

Change contrast between icons backgrounds (circle shapes) in lists in light theme

Icons backgrounds in light theme should be darker than now to increase the contrast between them and background.
#f5f5f5 might do the job.

Make FAB animatable

Floating (extended) action button should animate (popping out on screen for example) when the user opens the tab which contains it(or leave it) to make it more visible. Just exactly like in Google Pay.

(MainActivity) Increase speed of enter/exit animation.

It's a way too slow. Would recommend changing from custom duration time to Android config_shortAnimTime

Add swipe to refresh

Alarms recycler should have to get the possibility to refresh itself on user swipe

Wake-Up-At FAB BUG

FAB disappears at WakeUpAt tab after quickly switching between WakeUpAt and some other tab.

Create an empty list image, title and summary for WakeUpAt and Alarms tab

Empty list needs to be filled out with anything attractive to the user like image which tells about current list state and how to change it.

Just a few words for people interested in this task:

• The final image must be an XML file, so the project file should be PSD/SVG to make it easy to convert to the XML path (you can use some online converter or just android studio one)
• We are using TextViews (title and summary) and ImageView to represent that empty list hint to avoid text in the XML file which could affect the performance which means the image should not contain title and summary (TextViews are made for that [read Before you PR for more information])

Your task includes:

• Creating an 'empty list' image for WakeUpAt and Alarms tab.
• Inventing the title and the summary for it

Before you PR

• The final result must be in the XML file.
• To add the images, go to drawable
  • For WakeUpAt image:
    • Find and replace ic_wake_up_at_empty_list.xml
  • For Alarms image:
    • Add an XML file to the drawable directory as ic_alarms_empty_list.xml
    • In the layout directory, move to the hint_alarms_empty_list.xml and change an ImageView srcCompat attribute from app:srcCompat="@drawable/ic_wake_up_at_empty_list" to app:srcCompat="@drawable/ic_alarms_empty_list"
• To add the title and summary just move to the strings.xml file and replace the strings from line 42 to line 45 with your ideas
• In the preview folder, create a new one (call it empty-list or something similiar) and left your project files there (PSD/AI/EPS etc...)
• That's it. Thank you for contributing :)

Some good examples

1. Very simple but informative, clean

2. Simple, funny, friendly, action button included so the user can easily add new things from the current tab

3. Funny, informative, would be great if the action button could be included here, nice image, clean, friendly

Change slide animation to fade

I've implemented slide in/out animation just because Google Pay has it. I would rather like to use fade because we are dealing with bottom navigation and not normal tabs

Save wake up at list content after setting up one

List content gets reset when user leaves wake up at tab

Add alarms service

Remove captions from unfocused tabs in bottom navigation bar

It would be great to remove captions from unfocused tab icons to make UI looks clean and simple, just like in UI Design Idea 2.0

Logo Design For Sleep Cycle Alarm

Hi @letelete , I'm a graphic designer. I have reviewed your project. You don't have a logo and icon on your app. Therefore I want to contribute to your project by creating a logo/icon, it's free for you.

Best Regards,
Zularizal

Refactor unit test names

Since the unit-test naming convention has changed, every existing test method which name is inconsistent with new naming convention needs to be refactored.

New naming convention

Every single testable method has Its own class. It also has Its own directory which relates to the class that contains tested method. Because of that, we don't need to include the name of the method under tests.

That's why our old naming convention which looks like this:
methodName_StateUnderTest_ExpectedBehavior

Has been changed to this one:
Should_ExpectedBehavior_When_StateUnderTest

Obviously, when some of the tests need different naming convention there is no fear to use it, It's just a good practice (IMO) to add a comment with the naming convention that we are using in current class

Just like that:

Optimize empy list drawable (ic_wake_up_at_empty_list)

The ic_wake_up_at_empty_list XML path has over 28 000 characters which is really bad for performance.

We should get rid of the text in drawable and create a TextView widget in this case.

Style theme picker dialog

Theme picker dialog on night mode has wrong styling(It doesn't has any)

Readme update

Update readme with better app present, description, documentation, how to contribute info etc...

Settings improvement

Settings layout needs to be changed.

Settings improvement in few steps:

1. Fix left margin
2. Split settings to sections exactly the same as Google Pay has it.
   
3. Decrease the margin between close button (X) with settings label and the top of the app screen
4. Done.

Change app version

The app should not be in 1.0 version until it's not going to be done yet.

Make UI elements animatable

Overall:

We need on recyclerView element tap animation(or just highlight)

Wake Up At:

For now, we have some simple UI transformation from 'empty list state' (where only FAB and image in the background is displayed) to 'filled list state' where all of the 'wake up at' elements except image in the background are visible.

It would be great to add some animation/transformation between these 2 states to make it soft and satisfying.

Alarms tab:

We should do the same transition as at WakeUpAt tab between empty and filled list states

Dear Contributors

If you are interested in this task, please add a comment below with the solution idea/concept or just say what are you will be working on.

Add alarms manager

Alarms manager should be responsible for receiving data of tapped items from alarms lists (at sleep now tab and wake up at tab) and insert or update realm database with created Alarm.

I think we will need to refactor AlarmsPresenter a little bit and make it more flexible.

Passing Alarm to realm should be done in the background so the user don't need to switch to alarms tab to create a new alarm

Show dialog to confirm adding a new alarm

It should appear after user tap on any list element

(Wake up at) Beautify list

Add info about a currently picked hour, make list helper visible / gone depending on list content

Empty list animation / image or action

Empty list needs to be filled out with anything attractive to the user like image or animation which tells about current list state.

Alarms empty list proposal

Some animation/image + text like

Nothing to see here... Add some alarms and visit this tab again.

Funny/friendly informative messages are welcome.

Some good examples

1. Very simple but informative, clean

2. Simple, funny, friendly, action button included so the user can easily add new things from the current tab

3. Simple, friendly, with action button (...), nice image

5. Very simple, everything explained in summary (very informative), action button (...), clean

6. Funny, informative, would be great if the action button could be included here, nice image, clean, friendly

![empty_example_6](https://user-images.githubusercontent.com/18665370/44930371-62bec280-ad5e-11e8-8c02-e40eab806426.png

Improve preferences (Settings) layout

Settings layout needs to be fixed by changing the left margin. It would be also great to add sections.

Settings improvement in few steps:

1. Fix left margin
2. Split settings to sections exactly the same as Google Pay has it.
   
3. Decrease the margin between close button (X) with settings label and the top of the app screen
4. Done.

(Wake up at) Show the closest hour to wake up at when normal couldn't be loaded

Wake up at list should show the closest alarm to the requested hour if the duration between a current hour and requested one is too short to get full sleep cycle.

Navigation bar doesn't follow opened tab, The same fragment should be opened when user backs from the second activity.

Sleep now is opened while the navigation bar's focused on Alarms tab

By the way, the user should back to the same window that he has left due to changing activity(open settings/help/about in this case)

Add spotlights

Add spotlights to help the user understand the app processes such as a generated list of hours at "Wake up at" tab.

The user should be informed about specific actions that he can make done in an app such as setting up a new alarm by tapping on it, or information about list content when It becomes full of new hours.

For example:

1. User set up a new hour when he wants to wake up at

2. Show spotlight to list elements to inform him that theirs presents hours when he should go to sleep at to wake up fully rested exactly at a defined hour.

3. User clicks "OK" button which means he understood that functionality, so the app doesn't need to show that again.

Found some really interesting library for this feature: https://github.com/TakuSemba/Spotlight

Logo

We need some logo.

Refactor: Clean main activity code, add tests

New design

I just found this extremely well-designed app made by wendy while scrolling through the Pinterest, and instantly thought that we need something similar. Everything is so clear there and looks amazing. Just wow.

Style TimePicker dialog

Add styles for light and dark theme

Make the app available in F-Droid

I just stumbled upon this app and wondered why it is not available in F-Droid?

Bug: Removing alarm from alarms list doesn't cancel the alarm launch

Add notification remind user to go to sleep

I think that 's a good idea if there 's a notification to remind user to go to sleep, that notification will have some features like prevent all notifications until user woke up :D
(https://github.com/Fewlaps/quitnow-sleep-time)

Set hour dialog bug

Set hour dialog in wake up at has a static background colour. It's not centered too.

Abandoned?

Is this still being maintained? If not, the current version usable? (And could someone please provide build instructions - I'm not familiar with compiling apks straight from github)

Add HELP, ABOUT activities to overflow menu, clean the menu activity code

About cleaning the code:
We should find a better way to open activities from the overflow menu than the current method.

Dynamic size of alarms list

Alarms size should change dynamically depending on amount of items in it

That's how it looks for now

iOS Port

I want to port this app to iOS.
Native Swift. Probably try and publish it too.

Change bottom navigation icons

I just realized Material Design 2,0 has completely different icons.

Disable landscape rotation

Let user customize content showing in lists.

The user should be able to customize lists content by select types of alarms that he is interested in. Selection could be placed in settings (sharedPreferences) fragment.

For example:

The user wants to get an information only about alarms which duration makes them healthy for him, so he opens up settings fragment and unselecting every option but healthy.

Proposal customization dialog:

Title: Alarms preferences

Option 1: Show unhealthy alarms {switch (default true)}
Option 2: Show optimal alarms {switch (default true)}
Option 3: Show healthy alarms {switch (default true)}
Option 4: Show not recommended alarms {switch (default true)}

Show information how to apply theme if this didn't apply

After theme changed some information dialog/toast should appear to inform the user that he can apply theme manually by killing a process if this didn't apply automatically. It happens often on Android Emulator when I'm playing with app.

In dialog case we could add some gif which presents how to kill an app manually

I'd like to contribute.

Hello, I'm Harry. I'd like to contribute to your project. I'm a content creator and copywriter. I see your project is still quite new. I could create a privacy policy document which gives details about how you deal with information collected by the software. That's if you do collect information when the software is utilized. If you don't it's still cool to let end users know also.

If you'd like this, I'd love to get a reply from you.

404 error on brunokawka.me/sleep-cycle-alarm

The link in project abstract https://brunokawka.me/sleep-cycle-alarm/ displays 404 error.

Tapping outside of edit alarm dialog cancel dialog but makes openning it again impossible