Skip to content

React Native mobile app featuring a ticking clock, stopwatch, and timer (2024)

Notifications You must be signed in to change notification settings

orszaczkyanna/react-native-tick-track

Repository files navigation

Tick & Track

A React Native app for mobile devices, featuring a clock, stopwatch, and timer. The app makes a ticking sound every second unless muted, which can be useful for various activities such as workouts, stretching, breathing exercises, music practice, and rhythm training.

preview image of the app

Features

  • Clock: Shows the current time
  • Stopwatch: Tracks elapsed time with options to start, pause, and reset
  • Timer: Sets a countdown with start, pause, and reset controls
  • Mute Toggle: Easily turns the ticking sound on and off

User Installation

Android

  1. Go to the Releases page
  2. Download the Tick-Track-x.y.z.zip file to your Android device from the Assets section of the latest release
  3. Unzip the downloaded file
  4. Run the .apk file to install the application

Technologies Used

  • React Native: Framework for building native mobile applications using React
  • Expo: Open-source platform for building and deploying universal apps for Android, iOS, and the web with minimal native configuration
  • TypeScript: Strongly typed programming language that builds on JavaScript
  • NativeWind: Tailwind CSS for React Native, offering utility-first styling for mobile apps

Developer Installation

  1. Clone the repository
    git clone https://github.com/orszaczkyanna/react-native-tick-track.git
    cd react-native-tick-track
  1. Install dependencies (make sure you have Node.js)
    npm install
  1. Set up an emulator or use a physical device
  • For Android: Use Android Studio to set up a virtual device, or run the app on a physical device with Expo Go
  • For iOS: Use Xcode to create a simulator, or run the app on a physical device using Expo Go
  1. Start the application for the first time
   npx expo start -c
  • For Android: press a to open the app
  • For iOS: press i to open the app
  1. Start the application afterwards
  • For Android: npm run android
  • For iOS: npm run ios

Credits

About

React Native mobile app featuring a ticking clock, stopwatch, and timer (2024)

Resources

Stars

Watchers

Forks

Packages

No packages published