🧘🏽‍♂️ OptimAlly 🧘🏻‍♀️

 

⭐ Star us on GitHub — Your appreciation makes us grow and glow up! ⭐

Preview: https://optimally.netlify.app/

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.

Challenges we ran into

We faced numerous challenges throughout the journey. We used VSCode Live share. But we all were new to it. Sometimes it is the connection issues and sometimes it’s our lack of experience in Live Share feature. It took a lot of time to overcome this issue. After this we have faced issues while writing codes for responsive design. Sometimes the components were distorted and moved from their places. It took time to place them in their right position. Placing the elements in their position and designing for responsiveness was our big challenge.

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/SairamNomula/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