{"id":30310645,"url":"https://github.com/sr-imran/redlife","last_synced_at":"2026-04-08T16:02:22.868Z","repository":{"id":308887332,"uuid":"1034442761","full_name":"SR-iMrAN/RedLife","owner":"SR-iMrAN","description":"๐Ÿฉธ A role-based blood donation platform built with React, featuring donation requests, blogs, Stripe payments, and a responsive UI","archived":false,"fork":false,"pushed_at":"2025-08-08T12:47:08.000Z","size":290,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-09-10T13:30:38.699Z","etag":null,"topics":["bangladesh-geocode","blood-donation","dashboard","firebase","framer-motion","jodit-stripe","jwt-auth","react","react-hook-form","responsive-design","role-based-access","tailwindcss","tanstack-query","technologies-used","vite"],"latest_commit_sha":null,"homepage":"https://redlife1.web.app","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/SR-iMrAN.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-08-08T11:55:19.000Z","updated_at":"2025-08-08T12:47:11.000Z","dependencies_parsed_at":"2025-08-08T14:31:29.513Z","dependency_job_id":"b964142a-ddfd-4d2c-982c-d22c6af368da","html_url":"https://github.com/SR-iMrAN/RedLife","commit_stats":null,"previous_names":["sr-imran/redlife"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/SR-iMrAN/RedLife","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SR-iMrAN%2FRedLife","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SR-iMrAN%2FRedLife/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SR-iMrAN%2FRedLife/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SR-iMrAN%2FRedLife/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/SR-iMrAN","download_url":"https://codeload.github.com/SR-iMrAN/RedLife/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SR-iMrAN%2FRedLife/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31562697,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-08T14:31:17.711Z","status":"ssl_error","status_checked_at":"2026-04-08T14:31:17.202Z","response_time":54,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["bangladesh-geocode","blood-donation","dashboard","firebase","framer-motion","jodit-stripe","jwt-auth","react","react-hook-form","responsive-design","role-based-access","tailwindcss","tanstack-query","technologies-used","vite"],"created_at":"2025-08-17T15:01:35.177Z","updated_at":"2026-04-08T16:02:22.849Z","avatar_url":"https://github.com/SR-iMrAN.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# ๐Ÿฉธ RedLife โ€” Blood Donation Platform (Frontend)\n\nRedLife is a full-featured blood donation platform developed with React.js. It empowers users to register as blood donors, browse active donation requests, contribute to blog content, and even fund life-saving initiatives โ€” all in a beautifully responsive design.\n\n๐Ÿ”ด Live Site: https://redlife1.web.app/\n\n---\n\n## ๐Ÿš€ Key Features\n\n- ๐Ÿ‘ฅ Role-based access (Donor, Volunteer, Admin) \n- ๐Ÿ“ Blog management with rich-text editor (Jodit) \n- ๐Ÿ“Š Dashboard-specific views for each user type \n- ๐Ÿ“‹ Donor request creation and tracking \n- ๐Ÿ” Donor search with filters (blood group, district, upazila) \n- ๐Ÿ’ฌ SweetAlert2 \u0026 toast for user feedback \n- ๐Ÿงพ Funding page with Stripe integration \n- ๐Ÿ”’ Protected routes with JWT (persistent on reload) \n- ๐ŸŒ BD Geocode-based district and upazila selector \n- ๐Ÿ“ฑ Fully responsive across mobile, tablet, and desktop \n\n---\n\n## ๐Ÿงฐ Technologies Used\n\n- React with Vite \n- Tailwind CSS for styling \n- TanStack Query for efficient data fetching \n- React Hook Form for forms \n- Framer Motion for animations \n- Jodit React for blog editing \n- Stripe API for payment integration \n- JWT for authentication and authorization \n\n---\n\n\n\n---\n\n## ๐Ÿ“ฆ Dependencies\n\n- react \n- react-dom \n- vite \n- tailwindcss \n- @tanstack/react-query \n- react-hook-form \n- framer-motion \n- jodit-react \n- stripe \n- sweetalert2 \n- jwt-decode \n- axios \n- react-router-dom \n\n---\n\n## ๐Ÿ› ๏ธ How to Run Locally\n\nFollow these steps to get RedLife running on your local machine:\n\n1. **Clone the repository:**\n\n```bash\ngit clone https://github.com/SR-iMrAN/RedLife.git\nNavigate to the project directory:\n\n\n**cd redlife-frontend**\nInstall dependencies:\n\n\nnpm install\nStart the development server:\n\n\nnpm run dev\nOpen your browser and visit:\n\n\nhttp://localhost:3000 (Might be different in your case)\n\n---\n\n## ๐Ÿ“\n\n โ–ˆโ–ˆโ–ˆ โ–„โ–ˆ โ–ˆโ–„ โ–„โ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆ โ–ˆโ–ˆโ–ˆโ–„โ–„โ–„โ–„ โ–„โ–ˆ โ–„โ–ˆโ–„ โ–„โ–ˆโ–ˆ โ–„ โ–„โ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–„ โ–ˆโ–ˆโ–ˆ โ–ˆโ–„ \nโ–€โ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–„ โ–ˆโ–ˆโ–ˆ โ–ˆโ–ˆโ–ˆ โ–ˆโ–ˆโ–ˆ โ–ˆโ–ˆโ–ˆ โ–ˆโ–ˆโ–ˆโ–€โ–€โ–€โ–ˆโ–ˆโ–„ โ–ˆโ–ˆโ–ˆ โ–„โ–ˆโ–ˆโ–ˆโ–€ โ–ˆโ–ˆโ–ˆ โ–ˆโ–ˆโ–„ โ–ˆโ–ˆโ–ˆ โ–ˆโ–ˆโ–ˆ โ–ˆโ–ˆโ–ˆ โ–ˆโ–ˆโ–ˆ \n โ–€โ–ˆโ–ˆโ–ˆโ–€โ–€โ–ˆโ–ˆ โ–ˆโ–ˆโ–ˆ โ–ˆโ–ˆโ–ˆ โ–ˆโ–ˆโ–ˆ โ–ˆโ–ˆโ–ˆ โ–ˆโ–ˆโ–ˆ โ–ˆโ–ˆโ–ˆ โ–ˆโ–ˆโ–ˆโ–โ–ˆโ–ˆโ–€ โ–ˆโ–ˆโ–ˆโ–„โ–„โ–„โ–ˆโ–ˆโ–ˆ โ–ˆโ–ˆโ–ˆ โ–ˆโ–ˆโ–ˆ โ–ˆโ–ˆโ–ˆ โ–ˆโ–ˆโ–ˆ \n โ–ˆโ–ˆโ–ˆ โ–€ โ–„โ–ˆโ–ˆโ–ˆโ–„โ–„โ–„โ–„โ–ˆโ–ˆโ–ˆโ–„โ–„ โ–ˆโ–ˆโ–ˆ โ–ˆโ–ˆโ–ˆ โ–ˆโ–ˆโ–ˆ โ–ˆโ–ˆโ–ˆ โ–„โ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–€ โ–€โ–€โ–€โ–€โ–€โ–€โ–ˆโ–ˆโ–ˆ โ–ˆโ–ˆโ–ˆ โ–ˆโ–ˆโ–ˆ โ–ˆโ–ˆโ–ˆ โ–ˆโ–ˆโ–ˆ \n โ–ˆโ–ˆโ–ˆ โ–€โ–€โ–ˆโ–ˆโ–ˆโ–€โ–€โ–€โ–€โ–ˆโ–ˆโ–ˆโ–€ โ–€โ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆ โ–ˆโ–ˆโ–ˆ โ–ˆโ–ˆโ–ˆ โ–€โ–€โ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–„ โ–„โ–ˆโ–ˆ โ–ˆโ–ˆโ–ˆ โ–ˆโ–ˆโ–ˆ โ–ˆโ–ˆโ–ˆ โ–ˆโ–ˆโ–ˆ โ–ˆโ–ˆโ–ˆ \n โ–ˆโ–ˆโ–ˆ โ–ˆโ–ˆโ–ˆ โ–ˆโ–ˆโ–ˆ โ–ˆโ–ˆโ–ˆ โ–ˆโ–ˆโ–ˆ โ–ˆโ–ˆโ–ˆ โ–ˆโ–ˆโ–ˆ โ–ˆโ–ˆโ–ˆโ–โ–ˆโ–ˆโ–„ โ–ˆโ–ˆโ–ˆ โ–ˆโ–ˆโ–ˆ โ–ˆโ–ˆโ–ˆ โ–ˆโ–ˆโ–ˆ โ–ˆโ–ˆโ–ˆ โ–ˆโ–ˆโ–ˆ \n โ–ˆโ–ˆโ–ˆ โ–ˆโ–ˆโ–ˆ โ–ˆโ–ˆโ–ˆ โ–ˆโ–ˆโ–ˆ โ–ˆโ–ˆโ–ˆ โ–ˆโ–ˆโ–ˆ โ–ˆโ–ˆโ–ˆ โ–ˆโ–ˆโ–ˆ โ–€โ–ˆโ–ˆโ–ˆโ–„ โ–ˆโ–ˆโ–ˆ โ–ˆโ–ˆโ–ˆ โ–ˆโ–ˆโ–ˆ โ–ˆโ–ˆโ–ˆ โ–ˆโ–ˆโ–ˆ โ–ˆโ–ˆโ–ˆ \n โ–„โ–ˆโ–ˆโ–ˆโ–ˆโ–€ โ–ˆโ–ˆโ–ˆ โ–ˆโ–€ โ–ˆโ–ˆโ–ˆ โ–ˆโ–€ โ–€โ–ˆ โ–ˆโ–€ โ–ˆโ–ˆโ–ˆ โ–€โ–ˆโ–€ โ–€โ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–€ โ–€โ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–€ โ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–€ \n โ–€ \n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsr-imran%2Fredlife","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsr-imran%2Fredlife","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsr-imran%2Fredlife/lists"}