An open API service indexing awesome lists of open source software.

https://github.com/ogavashi/ios-clock-react-native

Clone of IOS Clock app
https://github.com/ogavashi/ios-clock-react-native

javascript react react-native react-native-paper react-navigation react-navigation-tabs

Last synced: 10 months ago
JSON representation

Clone of IOS Clock app

Awesome Lists containing this project

README

          

# Особливості побудови користувацьких інтерфейсів

## Гаваші Олег Дмитрович - 4 курс "КІ"

Додаток-годинник з дизайном IOS годинника

## Запуск

NodeJS: v14.18.0

- У директорії проекта запустити команду: `npm i`
- Запустити команду `npm run start`
- Після запуску проекта у терміналі (з'явиться QR-код) натиснути кнопку `w`
- У разі виникнення проблем спробувати інсталювати: `npx expo install react-dom react-native-web @expo/webpack-config`
- Для зручного відображення слід увімкнути Responsive view у браузері

## Результати виконання

##### Вся логіка реалізована

- ### World clock

![TC Preview](https://i.ibb.co/nzzjp11/1.png)

![TC Preview](https://i.ibb.co/R3PMWLg/2.png)

![TC Preview](https://i.ibb.co/pJg2p8k/3.png)

##### Вся логіка реалізована

- ### Alarm

![TC Preview](https://i.ibb.co/CQvy8Rh/4.png)

![TC Preview](https://i.ibb.co/kQ2JqNB/5.png)

![TC Preview](https://i.ibb.co/gmHHR8t/6.png)

![TC Preview](https://i.ibb.co/N3gF0Dv/7.png)

##### Вся логіка реалізована

- ### Timer

![TC Preview](https://i.ibb.co/PmBQPVw/Screenshot-2023-04-27-154137.png)

##### Вся логіка реалізована

- ### Stopwatch

![TC Preview](https://i.ibb.co/NW3B2Mf/Screenshot-2023-04-27-154158.png)