Awaca | Care for yourself

Fourth exam project of the Start2Impact University - A simple meditation application made with React ⚛️ 🧠 📚

View Demo · Report Bug · Request Feature · Try the application

ABOUT THE PROJECT 🧶

The exam track:

Meditating is important and several people recommend it because of the benefits it brings. Therefore, in this project you will need to create a site that facilitates meditation. The prerequisite is a timer that the user can set, to determine the duration of the activity.

Look at similar apps to better guide you, and you can add other features such as background sounds.

The special functions that i added are:

• Some blogpost-like content retrieved from the Contenful CMS API
• A simple bullettin board with links about the mindfulness culture
• A series of playlists made with spotify embed iframe as background music
• A hero component created randomly with images and quotes from the CMS

🔝(back to top)

BUILT WITH 🛠

Built with React.JS and create-react-app ⚛️

Styled with Tailwind & SASS

Made interactive with Redux

Content managed with Contentful

Background music from Spotify

Deployed on Netlify

🔝(back to top)

USAGE❓

Set the timer using the + and - buttons and start the timer with the start button. You can set a background music with the random generated playlist from spotify. Now open Awaca, breath and start your path to awareness.

🔝(back to top)

CONTACT 💬

🤝🏻 My portfolio/Personal Website made with ⚛️.js - https://www.brianatzori.it/

👽 Brian Atzori - @AtzoriBrian - [email protected]

📖 Meet me @ https://linktr.ee/brianatzori

🔗 Project Link: https://github.com/BrianAtzori/Awaca

🔝(back to top)

ACKNOWLEDGMENTS 👥

• Vanessa Missale as content manager ⌨️
• https://www.npmjs.com/package/react-countdown-circle-timer
• https://www.npmjs.com/package/react-toastify
• https://www.npmjs.com/package/react-awesome-reveal/v/latest

🔝(back to top)