🧘🏽‍♂️ OptimAlly 🧘🏻‍♀️

The Problem it solves ☮️

Nowadays, taking care of mental health is very essential. It aims to help people in dealing with mental health-related issues like stress, anxiety, depression, etc. You can’t tell whether a person is mentally dealing with stress or pressure by looking at that person. This can be sometimes very risky, leading to suicide. The study supports that in most cases depression and mental pressure are the main reasons for suicide. In the current pandemic situation, due to lockdown, we have witnessed increasing cases of suicide, anxiety, depression. So, we came up with “OptimAlly” to help people to gain mental peace and stability.

How we built it!?🧠

We used React.js in the frontend. We have used Lottie animation and Framer motion for some components like buttons and illustrations for our website. We used undraw website for some of the illustrations. We used VSCode live share and used Gmeet for further discussions on content and screens. We used spotify playlist's iframe link for meditaion screen. We used looka to design logo for our app.

Prerequisites 📑

Install Node JS

Refer to https://nodejs.org/en/ to install nodejs

Install create-react-app

Install create-react-app npm package globally. This will help to easily run the project and also build the source files easily. Use the following command to install create-react-app

npm install -g create-react-app

Cloning and Running the Application in local 💻

Clone the project in localhost

git clone https://github.com/Manoj735/OptimAlly.git

Install all the npm packages. Go into the project folder and type the following command to install all npm packages

npm install

In order to run the application Type the following command

npm start

The Application Runs on localhost:3000

Technologies we used 🛠️

* ReactJS
* HTML5
* CSS
* Javascript
* NodeJS

Screenshots 📸

image

image image

image