https://github.com/aninditaws/simple-timer-app
Simple Timer App: A React Native app that lets users set, start, pause, and reset timers with an intuitive interface and a custom background.
https://github.com/aninditaws/simple-timer-app
expo mobile-development react-native timer-app
Last synced: about 2 months ago
JSON representation
Simple Timer App: A React Native app that lets users set, start, pause, and reset timers with an intuitive interface and a custom background.
- Host: GitHub
- URL: https://github.com/aninditaws/simple-timer-app
- Owner: aninditaws
- Created: 2025-01-25T03:25:52.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-01-25T03:30:36.000Z (over 1 year ago)
- Last Synced: 2025-03-26T03:42:41.542Z (about 1 year ago)
- Topics: expo, mobile-development, react-native, timer-app
- Language: JavaScript
- Homepage:
- Size: 425 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Focus Timer
Focus Timer is a React Native application that helps users manage their time effectively by allowing them to set and control a countdown timer. The app features a sleek design, customizable inputs, and smooth navigation.
## Features
- Set a timer by entering minutes and seconds.
- Start, pause, and reset the timer with intuitive controls.
- Navigate between timer and input screens seamlessly.
- Custom fonts for an enhanced UI experience.
- Background image for a visually appealing interface.
## Installation
Follow these steps to set up and run the app:
1. Clone the repository:
```bash
git clone https://github.com/aninditaws/Simple-Timer-App
```
2. Install the dependencies:
```bash
npm install
```
3. Start the app:
```bash
npm start
```
4. Use Expo Go (or your preferred emulator) to preview the app on your device.
## Usage
1. Input the desired minutes and seconds in the input fields on the main screen.
2. Press the "Start" button to begin the countdown.
3. Use the controls to pause, reset, or return to the input screen.
## Technologies Used
- React Native: Framework for building native mobile applications.
- Expo: Toolchain for developing React Native apps with ease.
- Custom Fonts: Inter-Regular and Inter-Bold for enhanced typography.
- Icons: Ionicons and MaterialIcons for intuitive UI elements.
## Contributing
Contributions are welcome! If you would like to contribute to this project, please follow these steps:
1. Fork the repository.
2. Create a new branch (git checkout -b feature/your-feature-name).
3. Commit your changes (git commit -m 'Add some feature').
4. Push to the branch (git push origin feature/your-feature-name).
5. Open a pull request.
## Author
Developed by Anindita Widya Santoso (18222128)