Coder Social home page Coder Social logo

ekaterinakalina / gotosleep_app Goto Github PK

View Code? Open in Web Editor NEW
2.0 1.0 0.0 352 KB

Go to sleep App: my final project during the bootcamp “App Development: iOS Basic course”. The challenge: build a data-centred app using with Swift, SwiftUI. Check out the Figma prototype below!🔻

Home Page: https://www.figma.com/proto/MP2vEcuMraiQepB3TcXEld/Go-To-Sleep-App?page-id=305%3A333&type=design&node-id=305-334&viewport=16%2C168%2C0.32&t=3mDPfmzvwBh5mR8S-1&scaling=scale-down&starting-point-node-id=305%3A334&mode=design

Swift 100.00%
first-project ios-app sleep sleep-timer swift swiftui xcode figma figma-prototype human-interface-guidelines

gotosleep_app's Introduction

GoToSleep_App

Go to sleep: the sleep cycle app

👩‍💻 Hi, I am Ekaterina, UX/UI Designer with coding skills.

Thanks for having a look at my very first iOS app: Go to sleep. This app was my final project at the bootcamp “App Development: iOS Basic course” (Cimdata, Germany | August 2023).

The given challenge was to build a data-centred app using Swift, SwiftUI.

Programming:

  • Data structure “Cycle”
  • DataController ObservableObject: upload the data from the “Cycle” structure in an array
  • Function that counts 7 sleep cycles according to the actual user time, output as string array

UI:

  • Screens: SplashScreens, MainView
  • Structs: HamburgerButton, SetButton, SideBarView, ListView
  • Extensions, Assets
  • Binding the data onto the UI elements

Future plans:

  • develop a UX case
  • upgrade UI, UIKit depending on the user needs
  • further screen developing!

-- Ekaterina Kalina, October 2023 (last update)

gotosleep_app's People

Contributors

ekaterinakalina avatar

Stargazers

 avatar  avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.