A Meditation App Built on ReactJS

A Meditation App Built on ReactJS

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

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

Screenshot from 2019-10-09 20-03-12

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

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

What is Geek Coin

What is GeekCash, Geek Token

Best Visual Studio Code Themes of 2021

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

How native is React Native? | React Native vs Native App Development

Article covers: How native is react native?, React Native vs (Ionic, Cordova), Similarities and difference between React Native and Native App Development.

What is ReactJS? | ReactJS Basics | Learn ReactJS | React for Beginners | ReactJS Training

This Edureka video on "What is ReactJS ?" will help you understand the fundamentals of ReactJS and help you in building a strong foundation in React by understanding the advantages of ReactJS along with its features and major aspects.

Increase Performance of React Applications Via Array JavaScript Methods

Increase Performance of React Applications Via Array JavaScript Methods. We will create a simple event management application in the react to add, update, and delete an event.

Routing in React without React-Router

I have been using React JS in my projects for quite some time now and am used to managing routing in my app using the react-router package. I have always been keen on having as little dependencies in my apps as possible, so, I always felt perturbed by the use of this particular package in simpler apps which did not have complex routes.

The Ugly Side of React Hooks

In this post, I will share my own point of view about React Hooks, and as the title of this post implies, I am not a big fan.