AshM10 / digital-detox

This is a digital detox app that helps you disconnect from your devices to live a healthier, more mindful life. It was built using React and Vite.

Home Page:https://digital-detox.netlify.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Digital Detox 💻🚫

Do you find yourself constantly scrolling through social media or being glued to your phone even when you should be relaxing or working? This digital detox app is here to help you disconnect from your digital devices and lead a healthier, more mindful life.

The digital-detox project is built using React, a popular JavaScript library for building user interfaces, and vite, a lightweight development server.

Future Optimization ⚙️

🔹A simple and intuitive interface that allows you to track your daily screen time.
🔹Customizable reminders and alerts to help you take breaks from your device.
🔹A library of mindfulness exercises and guided meditations to help you recharge and stay focused.
🔹In-depth analytics and reports that show you exactly how much time you're spending on your device and how you can improve.

Links 🔗

Live site on Netlify: Digital Detox

Screenshot 🖨️

Screenshot 2023-01-14 at 8 03 52 PM

Getting Started

To get started, please make sure you have the latest version of Node.js and yarn installed on your machine. Once you have that, you can clone the project and run the following command in the project directory:

yarn install

This will install all the necessary dependencies for the project to run.

You can then start the development server by running:

yarn dev

This will start the server and launch the app in your default browser.

[OR]

Clone the repository to your local machine and run the app on your preferred development environment.

✅Clone the repository

git clone https://github.com/AshM10/digital-detox.git

✅Install the dependencies

npm install

✅Run the app

npm start

✅Follow the on-screen instructions to set up the app and start monitoring your technology usage.

Using the app 💃🏼

The app includes a digital-detox game where players can pick a card that gives them a prompt to switch off from digital devices and engage in an activity that promotes mindfulness, relaxation and self-care.

Conclusion 📍

We hope you enjoy playing the digital-detox game and find it beneficial in helping you switch off from technology and find some balance in your life.

Author 👸🏼

✅ Connect with ASTHER MORENO on LinkedIn and Twitter

About

This is a digital detox app that helps you disconnect from your devices to live a healthier, more mindful life. It was built using React and Vite.

https://digital-detox.netlify.app


Languages

Language:JavaScript 89.2%Language:CSS 8.0%Language:HTML 2.8%