saurav-pant / blood-donation-project Goto Github PK
View Code? Open in Web Editor NEWWebsite
Home Page: https://blood-donation-project.vercel.app/
License: MIT License
Website
Home Page: https://blood-donation-project.vercel.app/
License: MIT License
I would like to implement toast notifications for both the Login and Signup processes. When a user successfully logs in or encounters an error, we should display a toast message. You can use any toast library for this purpose
This feature on the Homepage will let the user know all the compatible blood groups for their own blood group.
Example:
Recipient Blood Type | Matching Donor Blood Type |
---|---|
A+ | A+, A-, O+, O- |
Though I am confused should I make it a functionality (like take the input from the user and then show the data) or just show the data in the table format?
But I will figure it out and will do something that is easy for the user.
The website suffers from responsiveness issues and lacks a hamburger menu, resulting in a subpar user experience. Elements are misaligned, cut off, and overlap on different screen sizes. The absence of a hamburger menu hampers navigation on smaller screens. These issues compromise the website's visual appeal and professionalism. To rectify the problem, a responsive design should be implemented to ensure seamless adaptability. Additionally, incorporating a hamburger menu for smaller screens will improve navigation and enhance user experience. Promptly addressing these issues is essential to deliver a modern, visually pleasing website that meets user expectations.
If anyone has any ideas related to the Toggle Theme UI updation, please share them with me. I'll assign the task to you if your idea aligns with our needs
I would like to resolve this issue.
The scrollbar does not work, it is hidden, it should be in CSS
Alignment of the Start Server point number(4)
Point (4) is repeated twice instead of 5
After installing the packages it is neccessary to pull from the main repository so that our local repo remains updaed
I would suggest to create a branch first and then track changes
and commit the changes
Add another point describing how to create a pull request Explaing changes
I'd love to add these features to improve this awesome project! Please assign this to me under hacktoberfest.
The Instagram and Facebook (Icons) in the website's footer are not being used effectively, so removing them would improve the overall appeal. If anyone would like to address this issue, please feel free to do so
Instead of using built-in HTML5 form validation we can use a popular library like Formik for form validation.
My feature request is to show the User profile in the header after the user sign in into the page. It helps the user to view their profile, add their user profile image, edit their profile, and then log out from the page.
Will add different logos in those spaces. @Saurav-Pant please assign it to me. I'm working on it.
when you click log out button in the navbar profile loading
I would like to work on this issue, can you assign me @Saurav-Pant
This feature will enhance the user experience and provide the option for users to register either as a donor or as an organization.
To implement this feature, I propose adding a select dropdown menu with two options: "Register as Donor" and "Register as Organization". Users can select their desired registration type before proceeding with the registration process.
This select feature will allow for better customization and adaptability to different user types. It will enable a smoother user journey, ensuring that the appropriate registration flow is presented based on the user's selection.
Homepage's "Get Blood Now" button should have an action attached to it i.e. event listener, may be to navigate to the signup or signin page. I would like to fix it.
I Have Done The Above Idea, IF you Like the Idea ,I can do a Pull Request.
I'd like to add some hover animation effects for the NCC NSS and YMCA sections in Our Collaborators.
Please assign this task to me for Hacktoberfest, as I'm eager to contribute to this project's improvement.
[eslint]
src/components/donorForm.jsx
Line 7:18: 'toggleTheme' is assigned a value but never used no-unused-vars
src/components/orgForm.jsx
Line 5:18: 'toggleTheme' is assigned a value but never used no-unused-vars
src/context/AuthContext.js
Line 8:10: 'tokenOne' is assigned a value but never used no-unused-vars
Line 12:11: 'storedToken1' is assigned a value but never used no-unused-vars
Line 27:9: 'token1' is assigned a value but never used no-unused-vars
src/pages/findBlood.jsx
Line 7:18: 'toggleTheme' is assigned a value but never used no-unused-vars
Line 41:6: React Hook useEffect has a missing dependency: 'fetchData'. Either include it or remove the dependency array react-hooks/exhaustive-deps
Search for the keywords to learn more about each warning.
To ignore, add // eslint-disable-next-line to the line before.
WARNING in [eslint]
src/components/donorForm.jsx
Line 7:18: 'toggleTheme' is assigned a value but never used no-unused-vars
src/components/orgForm.jsx
Line 5:18: 'toggleTheme' is assigned a value but never used no-unused-vars
src/context/AuthContext.js
Line 8:10: 'tokenOne' is assigned a value but never used no-unused-vars
Line 12:11: 'storedToken1' is assigned a value but never used no-unused-vars
Line 27:9: 'token1' is assigned a value but never used no-unused-vars
src/pages/findBlood.jsx
Line 7:18: 'toggleTheme' is assigned a value but never used no-unused-vars
Line 41:6: React Hook useEffect has a missing dependency: 'fetchData'. Either include it or remove the dependency array react-hooks/exhaustive-deps
add to link to github repository on footer for visitors to request a feature or service.
On the website, when viewing the medium-sized device, the navigation bar displays the text one down another, To resolve this inconsistency and improve user experience, it is necessary to implement a hamburger menu for medium devices as well, similar to its display on small devices. This will ensure consistent navigation across different screen sizes and prevent layout disruptions.
Points:
Inconsistency in navigation display disrupts the user experience on medium devices.
Proposal: Implement a hamburger menu for medium devices, similar to small devices.
This will ensure consistent navigation and prevent layout disruptions on different screen sizes.
when creating a new user after filling in all the details the sumit button does not show anything or simply does not work
I am requesting to develop a new component called "GetBlood" for the Home section. This component will allow users to easily find and request blood donations. The screenshot below illustrates the desired layout and functionality. Please implement this feature to enhance the user experience and facilitate the process of obtaining blood donations.
[Issue] Title:
Update Outdated Twitter Icon
Issue Description:
The project currently utilizes an outdated Twitter icon.
Request:
I kindly request that the project's maintainer update the Twitter icon to the latest version provided by Twitter's official branding guidelines. This will ensure the project maintains a contemporary and accurate representation of the Twitter brand.
Thank you for considering this request.
This issue is to address the absence of banners and links to collaborators in the Blood Donation Project repository. We need to ensure that the project's banners are correctly displayed, and links to collaborators are provided for better project visibility and collaboration.
The 'Register Now" in the navbar of small devices is not aligned in the center like all other links, causing visual inconsistency. Requesting the 'Register Now' link to be centered for better design cohesion and user experience."
If a user has light theme selected after selecting dark theme then the selectedTheme
will be there in local storage with lightTheme object. However, comparing 2 object with nested objects in it with === will give false and this is causing toggle to break on the first attempt.
Attaching a video for reference
const lightTheme = {
mode: "light",
background: "#fff",
color: "#000",
icon: "☀️",
boxShadow: "0px 2px 10px rgba(0, 0, 0, 0.1)",
button: {
buttonBgColor: "#000",
buttonTextColor: "#fff",
},
};
const theme = {
mode: "light",
background: "#fff",
color: "#000",
icon: "☀️",
boxShadow: "0px 2px 10px rgba(0, 0, 0, 0.1)",
button: {
buttonBgColor: "#000",
buttonTextColor: "#fff",
},
};
//PROBLEM
console.log(theme === lightTheme) //false
//SOLUTION
console.log(JSON.stringify(theme) === JSON.stringify(lightTheme)) //true
File name is Client but in README.md it is client.
I would like to work on this issue.
"save life donate blood" to to close to screen borders. assign me under hactoberfest to make it well padded.
Currently, the registration dropdowns only include Uttarakhand in the list of states. We propose expanding the options by adding more states and their respective capitals. This enhancement aims to provide users with a comprehensive selection, ensuring accurate location data for both donors and organizations during the registration process. I am enthusiastic about working on this enhancement as part of Hacktoberfest.
In the Register Forms in both Register as donor and Register as Organisation the input value is not visible when we switch it toDark mode
The register donor form and register organisation forms are not responsive for small screen devices
I would like to request that all files inside the "components" and "pages" folders within the project be renamed with the first letter capitalized. This will ensure consistency and improve code readability throughout the application.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.