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.
- React Native
- Expo
- NativeWind
- JavaScript
- TypeScript
👉 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
Follow these steps to set up the project locally on your machine.
Prerequisites
Make sure you have the following installed on your machine:
Cloning the Repository
git clone https://github.com/Cecile-Hirschauer/meditation-app.git
cd meditation-appInstallation
Install the project dependencies using npm:
npm installRunning the Project
npx expo startExpo Go
Download the Expo Go app onto your device, then use it to scan the QR code from Terminal and run.
iOS Simulator
Navigate to the Expo documentation to learn how to install and run your application on an iOS Simulator for local development.
Android Emulator
Navigate to the Expo documentation to learn how to install and run your application on an Android Emulator for local development.