Website
Home Page: https://blood-donation-project.vercel.app/
In Signup page, Sign up button is written as Sign in
"save life donate blood" to to close to screen borders. assign me under hactoberfest to make it well padded.
The Our Collaborators section is not very responsive currently. It would look much more appealing with a carousel.
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.
I'd love to add these features to improve this awesome project! Please assign this to me under hacktoberfest.
[Issue] Title:
Update Outdated Twitter Icon
Issue Description:
Problem:
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.
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.
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
I propose adding a "Sign In" button to the navigation bar to improve user experience and enhance the website's overall usability.
I would like to work on this issue
File name is Client but in README.md it is client.
I would like to work on this issue.
Instead of using built-in HTML5 form validation we can use a popular library like Formik for form validation.
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.
The 'Register as Organization' and 'Register as Donor' forms on the website do not have an appealing design. Therefore, we are looking to redesign them. If anyone is interested in taking on this task, please feel free to grab this issue.
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.
I Have Done The Above Idea, IF you Like the Idea ,I can do a Pull Request.
describing the path to server as described for server
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
[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
While entering the email and password in Signup and Login sections it's starting from the center
Adding a favicon to the webite
I would like to fix this changes. It would be great if you could assign me to do the same.
Thankyou
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
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."
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.
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
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.
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.
The user interface for the 'Find Blood ' route is currently suboptimal and unresponsive. If anyone is interested in improving the UI, please feel free to take on this issue
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.
The login and signup routes are currently not functional. It can be fixed with some changes.
It would be great if you would assign me to handle the conversion. Thankyou.
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.
In the Recipient Details the Blood group is not visible, it is being totally white and we have to search it then we are able to see the selected Blood group option.
Make the Font color from white to black . So, that we are able to see the available blood groups
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.
add to link to github repository on footer for visitors to request a feature or service.
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
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.
when creating a new user after filling in all the details the sumit button does not show anything or simply does not work
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
I would like to resolve this issue.
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
If you're okay with this can I fix this?
The scrollbar does not work, it is hidden, it should be in CSS
I would like to make the above changes and it would be great if you assign me todo the same. Thankyou
The register donor form and register organisation forms are not responsive for small screen devices
Will add different logos in those spaces. @Saurav-Pant please assign it to me. I'm working on it.
The cards and the illustration are not positioned properly, and the logos in the cards are not having proper positioning.
Here you see:
State label and State input are not vertically aligned.
City label and City input are not vertically aligned.
Both inputs are also not horizontally aligned.
I can fix these issues myself. Please assign to me and will make a PR.
React
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
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
Django
The Web framework for perfectionists with deadlines.
Laravel
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.
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft
Open source projects and samples from Microsoft.
Google
Google ❤️ Open Source for everyone.
Alibaba
Alibaba Open Source for everyone
D3
Data-Driven Documents codes.
Tencent
China tencent open source team.