Code Monkey home page Code Monkey logo

wellness_wave's Introduction

Wellness Wave

Wellness Wave is a holistic health and fitness companion designed to empower you on your journey to well-being. Our platform, built using HTML, CSS, and JavaScript, takes a holistic approach to wellness, addressing various aspects of health, including nutrition, mental health, community support, and lifestyle choices.

Our platform is intentionally simple, making it an excellent starting point for beginners who wish to contribute to the world of open source. Whether you are new to coding or an experienced developer, Wellness Wave welcomes all levels of expertise.

💻 Technologies used:

HTML5 CSS3 JS Bootstrap

Features

  • Holistic Approach: Wellness Wave takes a holistic approach to wellness, addressing various aspects of health, including nutrition, mental health, community support, and lifestyle choices.

  • Comprehensive Tools: Our platform provides a range of tools to support your well-being journey, including fitness tracking, nutrition guidance, and stress management resources.

Contribution Guidelines

We welcome contributions from the community. If you have ideas for improvements, new features, or find any issues, feel free to open an issue

  • Each mentee can be allotted a maximum of 1 issue at a time to focus on solving it effectively.
  • Issues will be assigned on a first-come-first-serve basis.
  • Issues are applicable only when they are opted through GitHub.
  • Complete easy issues within 1 day, medium within 2-3 days, and hard within 4 days; if unable, mentors may reassign at their discretion, fostering a time-sensitive and collaborative contribution process.

Getting Started

Installation video # - Click

  1. Star and Fork this Repository
  2. Clone the forked repository:
git clone https://github.com/your-username/wellness_wave.git
  1. Navigate to the project directory
cd wellness_wave
  1. Create a new branch for your work
git checkout -b your-branch-name
  1. Make necessary changes or additions to the codebase.

  2. Stage your changes for commit:

git add .
  1. Commit your changes with a descriptive message:
git commit -m "Brief description of changes made"
  1. Push your changes to your forked repository:
git push origin your-branch-name
  1. Open a pull request on GitHub to propose your changes for review and integration.

Contributors


HAPPY LEARNING ✨

wellness_wave's People

Contributors

aaadityag avatar aftabmankapure avatar ayesha-2101 avatar daksh1210jain avatar debuuuu007 avatar diyabhandari avatar ghoshaditi avatar hemant5104 avatar isadarsh avatar krittika2004 avatar kumariankita04 avatar madhurima316 avatar madhuryahait avatar pranavbarthwal avatar rahat2134 avatar ramith-kulal avatar ratnojitsaha avatar redvey avatar rishicds avatar ritika728 avatar sanglap-halder avatar seema-bedara avatar shreya9x1 avatar sneha6003 avatar sohanrc avatar sruti-sahini avatar sudipkotal avatar surajit0573 avatar swetasingh8844 avatar vishal2005025 avatar

Stargazers

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

Watchers

 avatar

wellness_wave's Issues

Add Favicon to Enhance Website Branding

Improve the website's visual identity by adding a favicon. A favicon is a small icon displayed in the browser's address bar and tabs, contributing to a more professional and recognizable branding experience.

Tasks:

  1. Design or select a suitable favicon that aligns with the website's brand.
  2. Add the favicon image file to the project's assets.
  3. Update the HTML code to include the favicon and ensure proper rendering across browsers.
  4. Test the favicon's display on various devices and browsers for consistency.

Problems:

  1. Missing Favicon:
    • The website currently lacks a favicon, resulting in a generic icon or no icon at all in the browser's address bar and tabs.

Solution:

  • Adding a favicon enhances the website's branding and provides users with a recognizable visual cue.

Steps to Reproduce:

  1. Visit the website and observe the absence of a favicon in the browser's address bar and tabs.
  2. After the issue is resolved, revisit the website and confirm the presence of the newly added favicon.
Screenshot 2024-01-15 at 2 05 31 AM

Adding clickable links

While Physical Health and Mental Health have clickable links and lead to more information about this. Emotional Health does not have such a feature.
I am willing to add a web page for this. Please assign this to me once the coding period starts @ritika728
Screenshot 2024-01-14 111153

Logo for the Website

I think logos are an important part of the website. I can provide some designs and add them into navbar of all pages on the website after finalising one design using canva.
If you like this idea, kindly assign me this issue under JWOC.

[BUG] Frequently Asked Questions

Description: In home page under footer tab, the frequently asked questions tab is not working.
Expected Behaviour: It should open FAQs page.
Screenshots:
Screenshot 2024-01-19 210215

Screenshot 2024-01-19 205624

Daily water intake tracker/calculator

I want to add a new section called daily water intake calculator. In this section user can easily calculate how much water he/she should take on daily routine on the basis of their health exercise.

I want to work on this issue ,please assign me under jwoc 2024.

[ENHANCEMENT NEEDED] IN HOME PAGE AND NAV BAR

The home page seems fine in normal desktop/laptop windows screen size , it is not optimized for phone screens or sizes for example 375 x 667 more over, The nav options needed to be fixed as it covers some part of home page and blocks the ABOUT and OUR MISSION sections.

SOLUTION -

  1. media query need for smaller screen sizes
  2. ToggleMenu (Hamburger Menu) can be added for the Nav links or some alignments can be done for home page.

Screenshot-
Screenshot (470)

Please Assign me under **** #JWoC 2024 *****

Improve Navbar

Create the logo of the website and improve the UI of the Nav-bar

Add a bottom to top button

Place this button at the bottom-right corner of the screen, easily accessible to users as they scroll down the page. When clicked, the button smoothly and swiftly scrolls the user back to the top, eliminating the need for manual scrolling or repeated mouse wheel actions.

Enhance:Elaborate Emotional Health, Social Well-being, and Spiritual Wellness Sections

Enhance the user experience and provide comprehensive information by elaborating on the sections related to Emotional Health, Social Well-being, and Spiritual Wellness when users click on these sections. This modification aims to offer users a more in-depth understanding of these aspects of well-being.
Screenshot 2024-01-15 at 2 02 36 AM

  1. Identify the sections related to Emotional Health, Social Well-being, and Spiritual Wellness on the website.
  2. Implement JavaScript functionality to handle click events on these sections.
  3. Create dedicated pages or expand existing sections to provide detailed information on Emotional Health, Social Well-being, and Spiritual Wellness.
  4. Ensure the content is informative, engaging, and aligned with the overall website design.

Problems:

  1. Limited Information:
    • Users may find limited information on Emotional Health, Social Well-being, and Spiritual Wellness, hindering their understanding of these aspects.

Solution:

  • Elaborating on these sections upon user interaction provides users with valuable insights, promoting a holistic approach to well-being.

Steps to Reproduce:

  1. Navigate to the sections related to Emotional Health, Social Well-being, and Spiritual Wellness.
  2. Observe the lack of detailed information or dedicated content within these sections.
  3. After the issue is resolved, click on these sections and verify that they now provide comprehensive information.

Physical Health UI improvisation

Taking in reference to the mental health and spiritual wellness pages, add a relevant background image and make the UI consistent for the physical health page

Calculators Alignment for Consistency

The current alignment of boxes on the Tracking page lacks consistency, leading to a less polished user interface. This issue addresses the need to standardize the alignment of boxes across all calculators on the page.

Home Page Clickable link

I can turn fitness training into a clickable link that will give the user a roadmap of 4 weeks to do exercise to maintain its physique.@ritika728 I would like to work on that issue under JWOC
Screenshot 2024-01-14 130255.

Implement Two Health-Related Calculators

  • Add two new health calculators to the Tracking Page
  • Ensuring consistency with the existing Calculator (BMI, Sleep etc.) pages in terms of styling and user interface.
  • Do not add a new box, instead replace the XYZ Calculators with the newly added calculators.

Standard Responsive Footer

Currently, our website lacks a consistent footer across all pages, which is essential for providing users with important information, links, and a cohesive user experience. This issue aims to address this gap by implementing a standardized footer across the entire website.

Standardize Navigation Bar Dynamics Across All Sections

Ensure a consistent user experience by standardizing the navigation bar dynamics across all sections of the website. Currently, there is a discrepancy in the behavior of the navigation bar, particularly in the wellness section. This issue aims to provide a seamless and uniform navigation experience throughout the entire website.

Tasks:

  1. Identify the variations in navigation bar dynamics within different sections.
  2. Analyze the desired behavior and interactions for the navigation bar across all sections.
  3. Implement JavaScript functionality or adjust existing code to standardize the navigation bar's behavior.
  4. Test the changes on various pages to ensure uniformity in navigation bar dynamics.

Problems:

  1. Inconsistent Navigation Bar Behavior:
    • The navigation bar behaves differently in the wellness section compared to other sections, leading to an inconsistent user experience.

Solution:

  • Standardizing the navigation bar dynamics ensures a cohesive and predictable navigation experience for users across all sections.

Steps to Reproduce:

  1. Navigate to various sections on the website and observe the navigation bar's behavior.
  2. Specifically, note any discrepancies in the dynamics when transitioning between sections.
  3. After the issue is resolved, revisit the sections and verify that the navigation bar now exhibits consistent behavior.
Screenshot 2024-01-15 at 2 07 39 AM Screenshot 2024-01-15 at 2 07 59 AM

Navbar UI improvement.

All pages does not have the same navbar effects, as well as some does not have any effect at all. I will add a hover effect on all of them so that a blacking background comes while hovering.

I do not know If someone has already working on this type of issue or not. If not you can definitely assign me on this task.

I want to do it under JWOC'2024.

Thank you.

Implement Contact Us Section with Validations

The website currently lacks a Contact Us section on the HomePage, hindering users from easily reaching out. This issue aims to create a Contact Us section and implement proper form validations

  • Design the Contact Us form, including fields for name, email, subject, and message.
  • Integrate form validation mechanisms to ensure that required fields are filled, and data entered is in the correct format.

Design & Implement a Favicon

The current website lacks a favicon. This issue aims to implement a favicon across all pages, ensuring a consistent and visually recognizable icon in browser tabs.

Add BMR Calculator

Use this BMR calculator to easily calculate your Basal Metabolic Rate (BMR) which is how many kcal per day you need if you are just resting. It is useful when calculating calories for weight loss or gain.

Please assign me under JWOC 2024

IImprove the UI of home Page

We can change the UI of home page and improve the responsiveness of the website
In small screen, objects overlap on home page

Responsive navbar

The navbar is not responsive.
I also want to improve its UI.
Please assign me this under JWoC'24

Enhance 'Contact Us' Section and Add Footer with Newsletter Subscription

The current "Contact Us" section on website is incomplete and lacks essential information. Additionally, don't have a footer, which is a crucial element for providing additional information and features ,I would introduce a newsletter subscription to footer rather than having separate section for that .
assign me this under jwoc24

Build testimonials page

Build a testimonials page which will be linked to the the testimonials button in the navbar.

Rating System

I would like to add a rating system to the website
under JWOC

FEAT: Customized Scrollbar.

Issue:

Add Customized Scrollbar.

Description:
I propose adding a customized scrollbar to enhance the visual aesthetics and user experience on the website.

screenshots:
the present scrollbar:
Screenshot 2024-01-20 093859

Working under JWoC'24

Ideal Weight Calculator

  • The Ideal Weight Calculator computes ideal body weight (IBW) ranges based on height, gender, and age.
  • Add this calculator in the fitness tracking page
  • Replace the sample calculators (XYZ) with the newly created calculator

Website Redesign

Color Schemes: A more cohesive palette aligned with our brand.
Fonts: A refined selection for improved readability and consistency.
Footer: Streamlined layout for better navigation and aesthetics.
Navbar: Optimized structure for enhanced user experience.

overall enhancing the user experience.

Enhance 'Contact Us' Section and Add Footer with Newsletter Subscription

The current "Contact Us" section on website is incomplete and lacks essential information. Additionally, don't have a footer, which is a crucial element for providing additional information and features ,I would introduce a newsletter subscription to footer rather than having separate section for that .
assign me this under jwoc24

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.