Giter VIP home page Giter VIP logo

truhealth's Introduction

image

TruHealth

TruHealth is an application that helps you to maintain Good Health.

TruHealth:TruHealth is a state of optimal physical, mental and social well-being and not merely the absence of disease.

Hey! If you are feeling that your health is not going in right direction or you are feeling depressed, then TruHealth comes with a solution.

undraw_medicine_b-1-ol

The TruHealth helps with

  • How to maintain good health
  • Provide information about mental health
  • Provide videos of mental health
  • Some quizzes,fun..
  • Some motivational thoughts

Tech Stack

Frontend

undraw_static_assets_rpm6 (3)

Backend

Untitled design

Check out TruHealth

https://truhealth.vercel.app/

Badges

Screenshots

Interface of the TruHealth

image

Information about Good mental health

image

Quizzes and Games

image

πŸ— Project Structure

β”œβ”€β”€β”€assets
β”‚   β”œβ”€β”€β”€css
β”‚   β”œβ”€β”€β”€images
|   └───favicon
β”œβ”€β”€β”€script
β”‚   β”œβ”€β”€β”€jquery.min.js
β”‚   β”œβ”€β”€β”€ quiz.js
|   └─── script.js

▢️ How to Run the Project

1. Navigate to the project directory. -->

πŸ‘¨β€πŸ’» Project Admin


Ghulamyazdani



πŸ™Œ Contributors



truhealth's People

Contributors

affanyousuf26 avatar akshatnema avatar anirudhm187 avatar arpita221b avatar arsheelsheikh avatar aryanpandey1507 avatar ayan-thecodeking avatar bushra109 avatar faisal-2002 avatar ghulamyazdani avatar harsha200105 avatar huzaifakhtar avatar iqrafirdose avatar ishika-jain avatar keshraf avatar kizaru507 avatar mandiraghosh783 avatar mayankraje avatar sachinmittal1766 avatar shrijan21 avatar snahashisk avatar sreevidya181 avatar srinika99 avatar vaibhavaaditya avatar vedant-manjrekar avatar weberankit avatar yarth69 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

truhealth's Issues

Fixing the Audio Player Section

The design aesthetic of this section isn't going with the rest of the page. I'll be fixing this. Add navbar to this section. And I'll be making this section mobile responsive.
Please assign me this @ghulamyazdani .

feat: make readme attractive

We all know that a README file should not only be well documented but also attractive.

We can add βš™emoji to Tech Stack
And πŸ— to Project Structure.

Open to other suggestions!

Please assign me this issue. 😊

Tips for mental health section

sir we can create a separate section for health in which we can provide some tips for good health as we know if a person is physically fit then he will be mentally fit also and we can provide some videos related to yoga as we know
"Regular yoga practice creates mental clarity and calmness"

Fixing And Restyling The Fun Section

funDesign

I can implement this design. And I'll be adding copy to clipboard functionality to it to share jokes or quotes.

Inkedfun_issue_1_LI

Sometimes the generate joke function gives an undefined value I'll be fixing this.

fun_issue_2

The games section is not visible in the navbar I'll fix this too.
Please assign me this @ghulamyazdani

Fixing The Anxiety Test Section

There is an alignment issue with the anxiety test button.
And I'll make this test look like a real quiz with some more extra functionality like real time progress bar and much more.
I'll make this section mobile responsive.
Please assign me this @ghulamyazdani

Fix the Quiz Section

quiz_issue_01

You can select multiple options at a time in the quiz. Actually, you can select all of them if you want.

quiz_issue_02

If you select all of them ya more than one in select genres question the music tab will not be generated.

Responsive Navbar

Hey, I want to contribute to your repository,
I want to make the website navbar responsive, can you assign this issue to me !!

fixing the position of music player

issue_2

Firstly it was sticking with the above section

fix_2

I have fixed it and added a slight border radius I think it's looking great. Please assign me this.

Added Google Fonts

I have added a google font (poppins) to make it look more attractive and cleaner.
Screenshot 2021-12-09 at 9 05 27 AM

Video section looks odd

The Video section on the info page looks a bit odd.

Screenshot (1199)

Hey, I would like to fix this issue. Can you please assign this to me?

background image resizing issue

As i am resizing the tab size bg image getting shrinked and it's messing up UI. I would like to work on this issue.
issue-1
background visible only for half of the page.
fix1
I have worked little on this now it's looking like this. I would like to work on this bit more and make all background responsive and snappy. please assign me for this.

Add games

I would like to add one more game. It's called 2048.

News section in TruHealth

Sir we can create a news section for users though which we can attract many users to our platform and as we know many people feel healthier by reading news.
sir please assign this issue to me

fix: Navbar-scroll-feature-remove

Hello,
The feature where the navigation bar disappears on the scroll is not useful.
Reasons:

  • The navbar stays on the top and doesn't affect other content on the page so no point in removing it
  • The vanished navbar affects the user negatively while they are exploring the info page

image

As you can see here that the navbar has disappeared just by scrolling a little bit.
This would decrease user experience.

I would like to remove this feature.

Please assign this issue to me. 😊

Adding a FAQ section

Adding a section that'll be full of frequently asked questions about mental health or something mental health-related. That'll be added to the Get Help section.
Please assign me this @ghulamyazdani .

"Get My results" Button

"Get my results" button looks same as other option buttons. But It should be different from other buttons. @ghulamyazdani I would like to work on it. Pls assign it to me.
Screenshot (748)

fix: Navigation Links area

Problem:

  • The anchor tag only envelops the words in the navigation bar
  • Results to small click area

Solution -

  • Envelop the anchor tags around the buttons

Please assign this issue to me! 😊

Adding A ChatBot

This chatbot will answer some simple queries of the user about mental health. It'll answer some general questions too.

Adding some bold fonts in info.html

I want to add some bold fonts in the long paragraph of info.html so that it can highlight the important points. users will not miss any points if its highlighted.

$$__Adding visualizer for songs

Sir I think we should add visualizer also for better user experience while listening songs without logging in Spotify website because in general no one wants to login in any extra website .please assign this task to me

Make the links easier to find (make them more prominent)

image

it is difficult to identify that the list of titles actually point to a video, hence i would like to make change so that when user hovers over the link, it changes colour, making it easier to identify that it is a clickable link.

fix: Grammatical and Punctuational errors in the Home Page

I checked the paragraph on Grammarly, which displayed a lot of errors.

Fixed Paragraph:

Due to the prolonged pandemic, people are increasingly feeling isolated, which is likely to worsen their mental health. We feel like everything is just messed up, and we can’t do anything about it, and this feeling brings depression and mental illness. This website will be having information about how to deal with depression and how to keep good mental health. Experts say music really helps people who are going through any mental health issues, so taking that in mind, we have added a quiz that detects your mood and play songs, respectively. To boost morale/motivation, I have added motivational thoughts as well.

I would like to fix this error. Please assign me the issue. 😊

Fixing the footer position

footer-issue01
footer-issue02

Footer is showing in the middle of the page in some sections I think it's breaking our UI.
I can fix this and can redesign it a bit.
I can make the UI a little bit mobile-friendly.
Please assign me this @ghulamyazdani @akshatnema

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.