Introducing a web application to calm your mind, body, spirit, and coding-fingers.
-
Both of us are passionate about mindfulness; we were inspired by the top applications and wanted to learn how to replicate their functionalities.
-
We wanted to build a full-stack project, so we chose to build a Ruby on Rails back-end with a JavaScript front-end.
-
We decided not to use any frameworks as to practice writing clean code for DOM manipulation; the front-end is written in vanilla JavaScript, HTML, and CSS.
-
Fork, then clone/download a copy of the repository to your computer
-
Open the repository in a code editor
-
Navigate to the meditation-app-backend folder using
cd meditation-app-backend
-
Run
bundle install
to install the gems -
Run
rails s
to start up the Rails server -
Open another instance of a terminal window, then navigate to the meditation-app-frontend folder using
cd ../meditation-app-frontend
-
Fire up the web application using
open index.html
-
Enjoy!
- Developed By Ed, inspiration for the player functionality:
- GitHub: https://github.com/developedbyed/meditation-app
- Video tutorial: https://www.youtube.com/watch?v=oMBXdZzYqEk
- The Free Mindfulness Project, for free meditation tracks
- Website: http://www.freemindfulness.org/home
- Niki N., support for CSS:
- GitHub: https://github.com/ned-el-ch
- Website: https://ned-el-ch.dev
- Sarah Wise, https://github.com/skjwise
- Gee-Wey Yue, https://github.com/geewey