Git Product home page Git Product logo

kiranaminpanjwani / medstats Goto Github PK

View Code? Open in Web Editor NEW
30.0 3.0 53.0 290 KB

A Personal Health Journal Website

Home Page: https://medstats-health-journal.netlify.app/

License: MIT License

HTML 43.05% CSS 34.86% JavaScript 22.09%
beginner-friendly beginners bootstrap contributions-welcome hacktoberfest hacktoberfest2023 health healthcare-application html-css html-css-javascript javascript responsive-web-design user-experience hacktoberfest-2023 hacktoberfest-accepted

medstats's Issues

[FEATURE] Make a popup to show data when user cilck a node in progress bar

๐ŸŽ‡ Description

Make popup when users click a node in progress bar .It will show

  • - the date when the user's health condition was categorized
  • - The specific health status, such as healthy, poor, improved, or fair.

You can assign this to me .Thanks youโœจ

๐Ÿ–ผ 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

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

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

Save button appears without any functionality

๐ŸŽ‡ Description

The save button should only appear while editing the record

๐Ÿ–ผ Screenshots

image
Currently the save button is appearing immediately after adding new record.

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

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

adding about page

๐ŸŽ‡ Description

i will add the about page in the repo

๐Ÿ–ผ 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

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

[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

[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

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

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.

[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] 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

[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.

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

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

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

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

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

[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

Adding dark mode

๐ŸŽ‡ Description

By adding dark mode it will be a great user experience

๐Ÿ–ผ Screenshots

No response

UI duplication

๐ŸŽ‡ Description

UI components are getting duplicated on the Home Page.

๐Ÿ–ผ Screenshots

image

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

[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

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

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

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

Adding footer

๐ŸŽ‡ Description

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

๐Ÿ–ผ 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

[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

Add Dark mode for Website

๐ŸŽ‡ Description

Adding a dark and light mode option for Website inside Navbar

๐Ÿ–ผ 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

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

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.