Git Product home page Git Product logo

medstats's Introduction

MedStats

MedState is an Open Source Personal Health Journal Website.

MedStats is an innovative Open Source Website constructed with HTML, CSS, JavaScript, and Bootstrap. This platform serves as a Personal Health Journal, empowering users to maintain a comprehensive digital record of their health-related data. With features designed for tracking health progress, documenting symptoms, and recording medications, MedStats offers a seamless and efficient method for individuals to proactively monitor and manage their well-being.

Key Features for Contribution:

  • User Registration and Authentication:
    Enables users to create accounts and securely log in to access their personal health journal.
  • Interactive Dashboard:
    Offers a customized dashboard upon login, presenting users with insightful summaries and statistics pertaining to their health entries.
  • Effortless Health Entries:
    Allows users to seamlessly add new journal entries, including detailed information about symptoms, progress, and medications.
  • Comprehensive Symptom Tracker:
    Empowers users to record and monitor specific symptoms they're experiencing, providing options to include severity, duration, and additional notes.
  • Intuitive Medication Log:
    Facilitates users in listing and managing their medications, specifying dosage, frequency, and any special instructions.
  • Intuitive Calendar View:
    Furnishes a calendar view, enabling users to navigate dates and access their health entries for specific days.
  • Efficient Search and Filter Functionality:
    Equips users with the ability to search for specific entries or apply filters, streamlining the process of locating pertinent information.
  • Visual Analytics with Graphs and Charts:
    Generates visual representations of health trends over time, empowering users to discern patterns or changes in their well-being.
  • Timely Reminders and Notifications:
    Enables users to set reminders for medication schedules, appointments, or other health-related tasks, ensuring they stay on track with their healthcare regimen.

These features collectively form a robust platform, enhancing the user's ability to manage and monitor their health effectively.

Visit the website: MedStats

📌 Tech Stack

HTML CSS JS Bootstrap

📌 Contribution Guidelines 🏗

Are we missing any of your favorite features, which you think you can add to it❓ We invite you to contribute to this project and make it better. To start contributing, follow the below guidelines:

1. Fork this repository.

2. Clone your forked copy of the project.

   git clone https://github.com/KiranAminPanjwani/MedStats.git

3. Navigate to the project directory.

   cd MedStats-Website

4. Create a new branch:

   git checkout -b YourBranchName

5. Make changes in source code.

6. Stage your changes and commit

   git add .
   git commit -m "<your_commit_message>"

7. Push your local commits to the remote repo.

   git push origin YourBranchName

8. Create a PR

9. If anyone contribute to this repository, then the changes will not reflect in your local repository. For that:

10. Setup a reference(remote) to the original repository to get all the changes from the remote.

   git remote add upstream  https://github.com/KiranAminPanjwani/MedStats

11. Check the remotes for this repository.

   git remote -v

12. Fetching from the remote repository will bring in its branches and their respective commits.

   git fetch upstream

13. Make sure that you're on your master branch.

   git checkout main

14. Now that we have fetched the upstream repository, we want to merge its changes into our local branch. This will bring that branch into sync with the upstream, without losing our local changes.

   git merge upstream/main

Code of Conduct 📜

To maintain a safe and inclusive space for everyone to learn and grow, contributors are advised to follow the Code of Conduct.

Contribution is fun! ❤️

If you have any feedback or suggestions please reach out to me.

In order to make a hassle-free environment, I implore you all (while contributing) to follow the instructions Contributing Guidelines!

You can create a issue and mention there , which new features or extension can make this Project more good.


Show some ❤️ by starring⭐ this awesome Repository!

OUR VALUABLE CONTRIBUTORS✨

Project Admin ❤️

© 2023 Kiran Amin Panjwani and contributors
This project is licensed under the MIT license.

forthebadge


Kiran Panjwani

medstats's People

Contributors

akan45 avatar ananta2545 avatar ananyaa03 avatar aryan1982 avatar aslezar avatar avdhesh-varshney avatar briangor avatar dhruvrode avatar dipanshparmar avatar fonta22 avatar github-actions[bot] avatar imsp18 avatar jaspreet099 avatar jatinbawne avatar karitthorn avatar kiranaminpanjwani avatar kriagr23 avatar lakshmisowmya04 avatar marisabrantley avatar maryam-hussain-cs avatar mdtausifiqbal avatar mldamico avatar mrdbc avatar muhammad-ahmed02 avatar n4itik avatar rutikgagare avatar sunnydaysinseoul avatar youtanimstar 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

Watchers

avatar avatar avatar

Forkers

rishi2333 prathameshtheurkar danylosilva hrishit-b ananta2545 mldamico dhruvrode denyzabra rutikgagare maxr522 avdhesh-varshney sunnydaysinseoul imsp18 vedika-gupta amalcodin lakshmisowmya04 arpy8 muhammad-ahmed02 ananyaa03 ishaa11 maryam-hussain-cs 22yash briangor aditya9855 jatinbawne mrdbc karitthorn pankajsingh92533 rishirohilla tandindev koyaboy youtanimstar n4itik aryan1982 jaspreet099 gauravp23 anandsingh221011 mdtausifiqbal bhupendrakhatri12 natenear marisabrantley kruti-amrutiya mahek-05 nirakartarei adarsh-17 pranavsuriya-sr omkarkulkarni7 kriagr23 rafajrg21 pavana-karanth runtimeerror11 shubhgupta-coder aslezar hariraghav10

medstats's Issues

In the footer section, the copyright year should be dynamically generated instead of being statically hardcoded.

🎇 Description

@KiranAminPanjwani Right now, the copyright year is written manually, which means someone has to change it whenever a new year begins. However, with just a few lines of code in JavaScript, we can make it automatic. This means that the copyright year will always be up-to-date without anyone having to change it manually. For example, if the current year is 2023, the copyright section will show 2023. And when the year changes to 2024, the copyright section will automatically update to 2024.

🖼 Screenshots

Screenshot 2023-10-11 232652

Improve on the responsiveness in different device

🎇 Description

I found this under mobile devices. I cannot see the content properly due to app bar.
On contact us page, the page breaks in mobile devices.
There is an responsiveness issue on the login page as well.

🖼 Screenshots

Screenshot from 2023-10-15 01-03-17

Screenshot from 2023-10-15 01-05-24

Screenshot from 2023-10-15 01-06-18

can you assgin it to me. I can work on it. @KiranAminPanjwani

[FEATURE] Adding a Profile Section

🎇 Description

A Profile Section can be added with options like age, sex , weight , activities(day-wise) for a personalised user-experience.The user can track/observe changes in above stated parameters over the long run along with keeping up with the medications.
I would like to work on this feature if accepted :)

🖼 Screenshots

No response

Data Add in Record

🎇 Description

Hey @KiranAminPanjwani there are some errors in index.html i can try to solve that.

New Feature:
Can add a feature in journal entry. When we click on add Your record now the data will be showed here .

🖼 Screenshots

image

Defined journal input options

🎇 Description

The current code lets the user to put in only name, symptoms and medications- which are very limited options for a person who is under extreme level of medication.

The input option asking for the user's name for every entry is unrealistic since it is the health journal for one person. As soon as the user logs in, only details related to that particular user would be available and hence input options like medication dosage, doctor who precribed, notes from consultations, test resulst on that particular date, progress noticed so far and more.

🖼 Screenshots

No response

Improving the styling of Progress bar

🎇 Description

I want to change the hover color from black to white so that the text is more visible and has a better contrast with the background.

🖼 Screenshots

image

UI duplication

🎇 Description

UI components are getting duplicated on the Home Page.

🖼 Screenshots

image

Pull request template for hacktoberfest 2023

🎇 Description

  • There is a hacktoberfest 2022 that's wrong.
  • In place of Fixes Issue : "", it should be Fixes Issue: # so that user just enter the issue number after #
  • Few lines should also added like my code does not generate new warnings, etc.

🖼 Screenshots

image

Adding footer

🎇 Description

feature is to add footer at the end of the website, currently website doesn't have one

🖼 Screenshots

No response

Adding dark mode

🎇 Description

By adding dark mode it will be a great user experience

🖼 Screenshots

No response

Accessibility Issues on Form

🎇 Description

There seems to be issues with the form labels and corresponding form input code.

Per WAVE (Web Accessibility Evaluation Tool), the form labels are not correctly associated with a form control, so that a screen reader will not be able to convey that the form label is connected to the form input text area.

Please assign this to me with the Hacktoberfest label.

🖼 Screenshots

Screen Shot 2023-10-10 at 8 09 52 PM

Adding signup page

🎇 Description

Adding signup page and doing necessary changes in login page also adding logo to login page and correct some silly mistakes in navbar.

Thankyou.

.

🖼 Screenshots

No response

[FEATURE] Login screen

🎇 Description

I want to build a login screen. Also adding a button in the home page in order to navigate.

🖼 Screenshots

No response

[FEATURE] <Backend Functionality>

🎇 Description

Currently, when a patient's name is added along with symptoms and medications, it disappears on refresh.

If you are intending to make this a full-stack app such that the information will be saved on a database, I can help with this using MongoDB. I'm very familiar with the MERN stack and capable of doing this.

If this is your wish, let us talk further

🖼 Screenshots

No response

[FEATURE] Styling the vertical scroll bar

🎇 Description

  • Styling the vertical scroll bar of the website.
  • Glassmorphism effect
  • Attractive look
  • Follow the same colour code of the website
  • Very interactive for the users.

🖼 Screenshots

No response

Logo icon in Log-Out page is different & Home button

🎇 Description

Logo icon in log-out page is different from the original logo and also there should be a button in log-out's page navbar to navigate to the HOME PAGE.

LOGO IN HOME PAGE
Screenshot 2023-10-13 at 9 57 01 PM

LOGO IN LOGOUT PAGE
Screenshot 2023-10-13 at 9 57 25 PM

🖼 Screenshots

No response

REFACTOR PROJECT TO USE REACT

🎇 Description

I went through some of the intended functionality of the system and I believe refactoring the code to use a framework like React will make life easier in the long run.

It will mean faster development and more efficiency.

Just a suggestion

🖼 Screenshots

No response

[FEATURE] Creating Navbar for good user experience

🎇 Description

As of now, no buttons/hyperlinks are there in Navbar like 'About', 'Contact Us', 'Login' , etc.

we can add some of those with a minimal hover animation to enhance user experience.

🖼 Screenshots

Screenshot 2023-10-11 at 12 52 20 PM

adding about page

🎇 Description

i will add the about page in the repo

🖼 Screenshots

No response

[FEATURE] Back to Top Button

🎇 Description

  • I would like to create a back to top arrow button for the website.
  • Responsive for any type of devices.
  • Hovering with neon light effect.
  • Best user experience with smooth scroll functioning.
  • Helpful for the user to reach out to the top of the website in one click.

🖼 Screenshots

image

  • No back to top button.

Consistent UI contact section

🎇 Description

Hey @KiranAminPanjwani Hope you're doing well!

I saw this inconsistent issue in contact section form

  • all input fields' and button border-radius should be the same
  • Button text should be white on hover, we can add a drop shadow to make it elevate

Please Assign this issue to me, Thanks!

🖼 Screenshots

image

want to add Footer

🎇 Description

I want to add footer.
please assign me this issue under Hacktoberfest 2023 tag.

🖼 Screenshots

No response

Add remove/edit option

🎇 Description

add remove record and edit record option so that if by mistake someone adds wrong details they can edit or delete it

🖼 Screenshots

No response

Form Validations

🎇 Description

On click of "Add Record" button. data is getting stored without any validations resulting in empty records.
Would like to work on the same.
Please do assign the issue. Can also improve the form UI along with it.
Screen Shot 2023-10-10 at 6 19 56 PM

🖼 Screenshots

No response

Enhance User Experience and Functionalities of MedStats

🎇 Description

  1. There is a possibility to enhance the "add to record" section. Currently, it accepts random text inputs, but it needs a validation mechanism to determine the relevance of the input, which will dictate the displayed status. Currently, it shows "poor" for every random input. Instead, it should check the symptoms and medications and show the status accordingly.

  2. The appearance of the progress bar is not visually appealing and lacks synchronization with the 'add to record' section. The concept behind this is that when a user adds a record, the progress bar should automatically incorporate a node that conveys health status through various colors:

    • Healthy - Green

    • Improving - Yellow

    • Fair - Orange

    • Poor - Red

      • When the user hovers over a single node, it should present the following information:
        • The date when the user's health condition was categorized.
        • The specific health status, such as healthy, poor, improved, or fair.

    This approach transforms the progress bar into a valuable tool for users to navigate their health status, analyze their progress in a colorful and engaging manner, and negates the need to search for specific records in the records section using the search bar or calendar feature.

  3. If more nodes are added, the user should be able to scroll left or right.

  4. Additionally, if a user wishes to access a specific node to view a comprehensive record for that date, clicking on the node should trigger a speech bubble displaying the entire record. This should include symptoms, medication details, the date, and health status.

  5. The footer should be impressive and consistent across all pages.

  6. The scrollbar should be the same across all pages.

  7. The UI is not responsive.

  8. Login and Sign Up pages don't work properly

  9. Need to improve the UI of progress bar.

  10. Allow users to search for records through queries and filters.

  11. Need to synchronize the 'Add to record' section with the progress bar nodes and records. Therefore, whenever a user clicks the 'Add to record' button, a new node should be added to represent the most recent record, along with the current date.

Note for the Contributors:

If you're interested in working on any of these issues, please follow these steps:

  • Comment below with 'I want to work on it.'
  • Create a new issue describing the problem you intend to solve and your proposed solution.

🖼 Screenshots

N/A

Login Page home Link

🎇 Description

I have worked on fixing the link to the homepage. Earlier clicking on it gave an alert and then redirected to the home page anyway, even without logging in. Now that issue is fixed

🖼 Screenshots

Screenshot 2023-10-10 104211

I want to add hovering property on buttons and some beautiful text shadow to make the website more attractive.

🎇 Description

I want to add Hovering property on button with slight transition.
I want to add text shadow to make the website more attractive.
I want to add hovering effect on last cards. etc

🖼 Screenshots

image
--> No hovering effect on button and no text shadow
image
-->If we apply some slight hovering effect on the above picture it would look good.

Lastly, if the footer is slightly darker then it will looks great.

Adding Backend to signup page

🎇 Description

I would like to add backend to signup page so that multiple users can signup and login and their data will be stored.
please assign me with this.

Thankyou.

🖼 Screenshots

No response

Add Dark mode for Website

🎇 Description

Adding a dark and light mode option for Website inside Navbar

🖼 Screenshots

No response

Code Refactor

🎇 Description

Right now, all the JS code is inside the index.html file. I feel that the JS code should be in its separate file and then should be linked in the HTML file. Not a big issue, but can be considered for making the code more maintainable.

🖼 Screenshots

No response

[FEATURE] Add Search Functionality

🎇 Description

As mentioned in README.md, we can allow users to search for records through queries and filters.

🖼 Screenshots

No response

[FEATURE] add .prettierrc file and github workflows

🎇 Description

Please add .prettierrc file to make code style consistent and add GitHub workflows which automatically format the repo code when someone push their changes.

🖼 Screenshots

No response

Refactor Home UI

🎇 Description

I feel there is room for UI improvements on the home page. I would like to update the UI and make it more accessible.

🖼 Screenshots

No response

[FEATURE] Adding a responsive navbar

🎇 Description

Currently the site doesnt have a navabr.it just has an logo so i want to add a navabar by retaining the medstats logo.
Please assign this issue to me under Hacktober Fest' 23

🖼 Screenshots

No response

Copyright and resposiveness

We can add a copyright at footer with year changes dynamically and page collapse for small screen so we can fix that issue also.
image

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.