Sunny

• 

  Login page

• 

  Home page

• 

  Calendar page

• 

  Activity Timer page

Inspiration

The need for relaxation and tranquility

What it does

It allows you to set goals for yourself, create playlists, take breaks or take time to focus, and more.

How we built it

We first designed it in Figma, then we created a Git project and coded it in React Native and CSS.

Challenges we ran into

Styling with CSS in React Native was challenging at some points getting the components to look the way we wanted it. We also ran into some trouble with Git and merging branches. Time was also not on our side.

Accomplishments that we're proud of

We are very proud of the design and making them look exactly like the Figma file with pure React Native and CSS. We are also proud of implementing the timer on the Activity Timer page as it is fully functioning.

What we learned

We learned that styling takes a lot more time than we expected and we should allot more time to do this.

What's next for Sunny

We would like to add more complex functionalities to the app and connect it to MongoDB to store data. We have lots of good ideas for the app, just not enough time to execute all of them. We hope that you appreciate the thought and effort put into designing and creating the app as we believe the idea and its looks are most important.

Built With

• css
• figma
• git
• reactnative