A Meditation App Built on ReactJS

A meditation app created on ReactJS and bootstrapped with Create React App.

How to run?

Clone the repository git clone https://github.com/akshat157/meditate-app
Change to the project directory cd meditate-app In the project directory, you can run:

Run npm install to install node_modules. You may receive an error telling you node_modules missing otherwise.

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

npm run-script build

Builds the app for production to the build directory.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

Resources

• react-circular-progressbar, used this react component to make the seek for audio.
• react-sound component. Used this to make the whole sound component and perform operations on it.
• All sounds were downloaded from https://www.zapsplat.com/ and belong to their respective owners.
• Background images were downloaded from Google Images and belong to the respective owners.

Contribute to this project

Feel free to contributing to this project! Please read CONTRIBUTING.md to know the basic guidelines. :)

Acknowledgments

Shoutouts to

• Dev Ed’s amazing tutorial for the same project but using vanilla JS, HTML and CSS.
• My friend @Adi2612 for helping me solve some major issues.
• Google, Stackoverflow and the whole open source community! <3

Do ⭐ the project if you find it good enough. Thanks!

Download Details:

Author: akshat157

Source Code: https://github.com/akshat157/meditate-app

#react #reactjs #javascript