https://github.com/cecile-hirschauer/meditation-app

React Native simple meditation app
https://github.com/cecile-hirschauer/meditation-app

expo expo-router nativewind react-native typescipt

Last synced: about 1 month ago
JSON representation

React Native simple meditation app

• Host: GitHub
• URL: https://github.com/cecile-hirschauer/meditation-app
• Owner: Cecile-Hirschauer
• License: mit
• Created: 2024-08-05T20:49:04.000Z (5 months ago)
• Default Branch: main
• Last Pushed: 2024-08-07T20:51:13.000Z (5 months ago)
• Last Synced: 2024-08-08T10:53:56.501Z (5 months ago)
• Topics: expo, expo-router, nativewind, react-native, typescipt
• Language: TypeScript
• Homepage:
• Size: 44.9 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# MEDITATION APP

## 🤖 Introduction

Built with React Native to deliver seamless user experiences, this app features a clean design utilizing FlatLists, Linear Gradients, modals, tab bars, icons, and file-based routing with Expo Router.

## ⚙️ Tech Stack

-   React Native

-   Expo

-   NativeWind

-   JavaScript

-   TypeScript

## 🔋 Features

👉 **Onboarding Screen**: Welcome screen with a linear gradient to help users get started with the app.

👉 **Meditation List Screen with Flat List**: A flat list displays previews of various meditations with corresponding images.

👉 **Audio Playing Capability**: Control audio playback and manage a meditation countdown timer.

👉 **Tab Navigation**: Navigate between sections like the Meditation Screen and Affirmations screen with ease using tab navigation.

👉 **Responsiveness**: Smooth performance and adaptability across various devices and screen sizes for a consistent user experience.

and many more, including code architecture and reusability

## 🤸 Quick Start

Follow these steps to set up the project locally on your machine.

**Prerequisites**

Make sure you have the following installed on your machine:

-   [Git](https://git-scm.com/)

-   [Node.js](https://nodejs.org/en)

-   [npm](https://www.npmjs.com/) (Node Package Manager)

**Cloning the Repository**

```bash

git clone https://github.com/Cecile-Hirschauer/meditation-app.git

cd meditation-app

```

**Installation**

Install the project dependencies using npm:

```bash

npm install

```

**Running the Project**

```bash

npx expo start

```

**Expo Go**

Download the [Expo Go](https://expo.dev/go) app onto your device, then use it to scan the QR code from Terminal and run.

**iOS Simulator**

Navigate to the [Expo documentation](https://docs.expo.dev/workflow/ios-simulator/) to learn how to install and run your application on an iOS Simulator for local development.

**Android Emulator**

Navigate to the [Expo documentation](https://docs.expo.dev/workflow/android-studio-emulator/) to learn how to install and run your application on an Android Emulator for local development.