Introducing BreathingApp, your daily companion for stress relief and mindfulness.
Designed for desk workers, it offers quick breaks to escape daily stress. Harness the power of deep breathing to relax and rejuvenate your mind. With BreathingApp, you can find moments of calm in your hectic day, promoting well-being and productivity.
Take a breath, take a break, and take control of your workday stress with BreathingApp.
Link to the deployed app:
https://breathing-app-ecru.vercel.app/
-
Deep Breathing Exercises: the app offers a variety of deep breathing exercises to choose from, each with different patterns and durations.
-
Meditation Timer: set a timer for your meditation sessions and immerse yourself in a state of mindfulness.
-
Animation: engage with captivating animations that guide your breathing rhythm, enhancing the meditation experience.
-
Next.js
-
TypeScript to ensure code quality and type safety.
-
React Hooks such as 'useState', 'useEffect', and 'useContext' for managing state and interactions.
-
Tailwind CSS for utility classes.
-
module.css for component-specific styles.
-
GreenSock (GSAP) for creating smooth and interactive animations.
-
TypeScript for maintainability and robustness.
-
Next.js, which provides API routes to handle data.
-
MongoDB is used as the database to store data.
-
Mongoose is employed to define and manipulate data models.
Link to the board:
https://sharing.clickup.com/9012000258/b/h/6-901200706890-2/925800cd807150b
Link to the updated Figma project:
Link to the Figma prototype:
Link to the updated app diagram: