ishika1727/stress-master

Website to promote mental and physical health among all ages through proper meditation and diet.

Stress-master

Website to promote mental and physical health among all ages through proper meditation and diet.

Check it out here!

Tech Stack

Frontend:

• HTML
• CSS
• Bootstrap
• Javascript

Backend+db (preferred):

• NodeJS
• ExpressJS
• MongoDB

Learning the Tech Stack

1. HTML: https://www.w3schools.com/html/
2. CSS: https://www.w3schools.com/css/
3. BOOTSTRAP: https://www.w3schools.com/bootstrap/
4. JAVASCRIPT: https://www.w3schools.com/js/

Components

Diet Chart

User fills in some data like type of diet, allergic food items, etc and a diet chart is generated for proper balanced diet. It also contains links for recipe for the dishes suggested.
API used:
Spoonacular Generate Meal Plan

Stress Test

It contains a small test where users enter the values based on their experience throughout the day and the system detects level of stress along with smart solutions in order to reduce stress.

Smart Solutions

This section provides user with methods to reduce stress through calm music, motivational videos, etc. Contact to counsellor option is also given to seek proper help when and if necessary.

Ongoing work 👩‍💻

Creating and linking to database using MongoDB and NodeJS

Screenshots

Contributors 🏆

Name 🎖️	Social Media 👋	GitHub
Ishika Dubey	🐦 Twitter 🎓 LinkedIn	@ishika1727

stress-master's Issues

navbar in mobile mode

excess space at the bottom of the navbar in mobile mode

Chaos Test Section

Chaos Test Section

Before :

So, the real problem here is user has to re-read it more clear which input is pointing to which question
whereas this:

After:

is much clearer

i think thats it.

About Us section

Hello @ishika1727 ,I would like to change the way the About Us section looks.
This is what i have decided to do:
+ design the three containers into a horizontal grid layout
+ and align them vertically one below the other responsively in mobile view
shall I go ahead with this?
Please Assign me this, With an hacktoberfest Label

test section layout

the test section is in list format i would like to change it to grid form like this

UI of footer section seems to be messy.

Please assign me this , I can improve

Improve this section of the website

Hello @ishika1727 , I want to improve the design and layout of this section with the help of bootstrap cards.
Here's what in my mind :

• Firstly add heading to this section
• Include bootstrap card to show the data with images.

Please assign me this with Hacktoberfest label.
Thanks!

To make Scroll-bar appealing

BEFORE

AFTER

title of webpage

title of page has html attribute
tag is not supported in HTML 5 but used instead

Change the background pic as it is pixelated

We can clearly see here the image is pixelated.
Can you assign me this issue?

wanted to improve navbar

when we scroll down on the website, its colour changes which don't look good at all. So I want to work on the navbar and improve its UI. So @ishika1727 please assign this issue to me with hacktoberfest label.

Improve navigation bar

Hey!

At the navigation bar, there are two times "Contact Us" link and text. I would like to remove that.

Making the Website more interactive by adding highlights or hovers

Scroll Back-To-Top Button

Hello @ishika1727,
Hope you're doing well and stress-free.

If the user is somewhere at the bottom of the webpage and wants to go back to the very first section, then instead of repeatedly scrolling upwards again & again, he/she can just click a simple button (placed at the bottom right corner of the site in such a way that is ensures that it doesn't cover the important parts of the screen).

This can reduce user's unnecessary stress. 😂

Jokes apart, If you like the idea then do assign me to this issue so that I can start working on it as soon as possible.
Thanks! 😀

Carousel can be added

For the 'Smart Solution' section, a carousel can be added.

layouting the about us

hey ishika your about us session seems look not using the correct layouting. let me fixed the bug

have a good day :)

Improve the UI for the test

I want to change the following section to look more interactive an user friendly. I am thinking of resizing the input boxes and even replacing them with options from 1 to 5 and changing the submit button

Can you please assign this issue to me?

Sticky navbar with transition on scrolling

I want to add transition on navbar on scrolling the page and want to change the color of nav Items also .
So Please assign me, I definitely make it better than yours.

See the video as an example
https://user-images.githubusercontent.com/52608321/136195656-23ce5fee-fedf-42b0-a80d-8ba6c1ea53bd.mp4

@ishika1727

nav-bar length

the nav bar height is very large i would like to change its length and some opacity to background color of navbar

wanted to make navbar more attreactive.

Thogh it is responsive but in my opinion the text is not visible if you find this a valid issue please assign this task to me i will update it.

Sidebar or navbar for mobile view

I think a navbar is higly needed in any website for mobile view but this site can also use a sidebar.

Update Music video in SMART solution section

Better to use Font Awesome cons in Contact Section

Why?

Will be able to change the color of icons on hover , this may look pleasing

Here

How it may look

The Colour Changed to the specified colour on hover :

Added Icon to the webpage

Pls appreciate me by merging the pull request

Change home background Image

Find a suitable background image for the home page and align it accordingly in clone.css

Want to Add Hover Effect to Home CTA Button

Hello @ishika1727 I want to add hover effect to the home cta button.

Please assign it to me under hacktoberfest label.

Thanks!

Modify sign up, login page with team section.

Hello @ishika1727, I want to modify the sign-up and login page, and also the team section by including cards and some styling.
Please assign me this with the Hacktoberfest label.
Thanks!

navigation bar bug

navigation bar hamburger menu is visible even at desktop mode.

hover effect and padding in Nav Link

make hover effect in nav link and put a space between adjacent links.

@ishika1727 can you please assign me this issue.

Redesign contact Us Section

Please assign me

Improve styling login and sign up form

Hi @ishika1727 I want improve styling of login and sign up form can you please assign me this issue under hacktoberfest.

add a favicon if available

Improve styling from call to action section to contact section

Hi @ishika1727 I can improve styling of section from call of action to contact section can you please assign this issue to me under hacktoberfest tag, I want to contribute in this issue.

make "Get your diet plan" form transparent

hey @ishika1727 the UI of diet plan form can be improved

currently it looks like this by styling it's UI it can be changed into this

and there is more styling to be done in this page. you can add the hacktoberfest label to this issue and assign this work to me I will do it.

Add hyperlink

Add hyperlink to mail id and mobile in contact us section so it would be clickable.
If it is a genuine issue please assign it to me under hacktober.

test section input type change

change the input type from input a field to make some stars

From:

To:
Star Star . . .

which will look appealing

Designing the whole Home Page with a better UI and making it responsive

As I see, the website contains a lot of information and can become very good if the components are organized in a better way. I can design the webpage using some CSS and styling. Kindly assign this task to me.

I will not the layout but will introduce some background, colors, styling, and many more to make this webpage interactive.

Hey @ishika1727, please assign this task to me, as I am a hacktoberfest participant, and this is my first time as an open-source contribution. So I need some help.

To modify form of diet section.

Hello @ishika1727, I want to modify the form on the diet section and add placeholders for all input tags with some little changes.
Please assign it to me with the Hacktoberfest label.
Thanks!

Social Media icons

I would like to add the social media icons in the follow us section. Please assign this to me.