gihozoinnocente/Give_Life_Web

Give life is a blood donation website built for african in order to bridge the gap between blood deficiency at hospitals. It will link blood donors with hospitals # Give Life Web - Blood Donation App A modern web application for blood donation management built with React, Vite, and Tailwind CSS. ## Figma Design Link to the Figma Design: figma.com ## Live Demo Visit the live application: gihozoinnocente.github.io ## Link To Api Repository Link to API Repository: github.com ## Link To API Swagger Documentation Visit the live application - Swagger Documentation: givelifeapi.up.railway.app ## Features - User-friendly blood donation registration - Find nearby donation centers - Track donation history - Responsive design with Tailwind CSS - Modern UI with Lucide icons ## Tech Stack - **Frontend**: React 19.1.1 - **Build Tool**: Vite 7.1.7 - **Styling**: Tailwind CSS 4.1.14 - **State Management**: Redux Toolkit 2.9.0 - **Icons**: Lucide React - **CI/CD**: GitHub Actions ## Installation ### Prerequisites - Node.js 18.x or 20.x - npm or yarn ### Setup ```bash # Clone the repository git clone github.com cd Give_Life_Web # Install dependencies npm install # Start development server npm run dev ``` ## Available Scripts ```bash # Start development server npm run dev # Build for production npm run build # Preview production build npm run preview # Run linter npm run lint ``` ## Deployment This project uses GitHub Actions for automated CI/CD. Every push to the `main` branch triggers: 1. Dependency installation 2. Linting checks 3. Production build 4. Deployment to GitHub Pages For detailed deployment documentation, see .github/DEPLOYMENT.md ## Project Structure ``` blood-donation-app-web/ ├── .github/ │ └── workflows/ # CI/CD workflows ├── public/ # Static assets ├── src/ │ ├── app/ # Redux store configuration │ ├── components/ # Reusable components │ ├── features/ …