https://github.com/rahulnisanth/mind-wave
A minimalist meditation app to help users relax, focus, and practice
https://github.com/rahulnisanth/mind-wave
expo javascript-library native-wind react-native
Last synced: 5 months ago
JSON representation
A minimalist meditation app to help users relax, focus, and practice
- Host: GitHub
- URL: https://github.com/rahulnisanth/mind-wave
- Owner: Rahulnisanth
- Created: 2024-09-18T10:40:28.000Z (almost 2 years ago)
- Default Branch: master
- Last Pushed: 2024-09-30T10:02:38.000Z (over 1 year ago)
- Last Synced: 2025-04-05T16:41:18.755Z (about 1 year ago)
- Topics: expo, javascript-library, native-wind, react-native
- Language: JavaScript
- Homepage:
- Size: 45.9 MB
- Stars: 1
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Mind-Wave
Status: In progress
Tools: React Native, Expo, NativeWind, JavaScript
# 🧘♂️ Mind-Wave: Meditation App
A minimalist meditation app to help users relax, focus, and practice mindfulness through guided meditation and affirmations.
### 📚 **Overview**
**Mind-Wave** is a meditation app that provides a serene user experience through guided meditations and positive affirmations. It leverages modern technologies like **React Native**, **Expo**, and **NativeWind** for fast, cross-platform mobile development. The app allows users to navigate between meditation lists and play calming audio while ensuring smooth performance and responsiveness across all devices.
### 🛠️ **Tech Stack**
- **React Native**: Framework for building cross-platform mobile apps.
- **Expo**: Toolchain for easier mobile app development and deployment.
- **NativeWind**: Utility-first CSS framework for styling React Native apps, inspired by Tailwind.
- **JavaScript**: Core logic and behavior.
- **TypeScript**: Strongly typed development, adding type safety to the app's logic.
### 🔋 **Features**
### 1. **Onboarding Screen**
- The app starts with a beautiful **Welcome Screen** to introduce users to the meditation experience.
- A **linear gradient** background is used to create a calming visual aesthetic, encouraging users to explore the app further.
### 2. **Meditation List Screen with Flat List**
- A **FlatList** component is implemented to show a scrollable list of different meditations.
- Each meditation in the list is paired with an image, a short description, and a duration indicator.
- Users can easily browse through the meditation previews and choose one to listen to.
### 3. **Audio Playing Capability**
- Users can select a meditation session from the list and play it with audio controls.
- **Playback controls** include play, pause, and stop buttons to manage the meditation session.
- A **countdown timer** accompanies the session to show the remaining time.
### 4. **Tab Navigation**
- **Tab navigation** is implemented for easy movement between key sections like the **Meditation Screen** and **Affirmations Screen**.
- Users can switch between different areas of the app quickly using a bottom tab bar for intuitive navigation.
### 5. **Responsiveness**
- The app is optimized for **smooth performance** and offers a consistent experience across a wide range of devices, from small to large screens.
- Using **NativeWind**, the layout adapts seamlessly, maintaining visual consistency across different screen sizes and orientations.
### 📈 **Future Enhancements**
- **Offline Mode**: Allow users to download and listen to meditation sessions offline.
- **Daily Reminders**: Implement push notifications to remind users to meditate every day.
- **User Progress Tracking**: Show users their meditation streaks and achievements for motivation.
### 📝 **Conclusion**
**Mind-Wave** aims to create a peaceful environment for users to meditate and practice mindfulness. With modern technology and a focus on clean UI/UX, the app provides a seamless experience for users to unwind and take control of their mental well-being.