Lifeline is a modern web app that connects blood donors and recipients in real-time. Built with *Next.js, **Clerk Authentication, and *TailwindCSS, Lifeline makes it easier than ever to request, donate, and track blood donations.
- 🔐 Secure Authentication – User login & signup powered by Clerk.
- 🧑🤝🧑 User Profiles – Donors & recipients can manage their details.
- 📍 Location-Based Search – Find donors near you.
- 📝 Post Requests – Recipients can post blood requests instantly.
- 📲 Mobile-Friendly Design – Responsive layout with bottom navigation on mobile.
- 🌗 Dark/Light Mode – Seamless theme switching with next-themes.
- ⚡ Hackathon Ready – Clean code, modular structure, and easy to extend.
- Frontend: Next.js 14, React
- Styling: Tailwind CSS, shadcn/ui
- Auth: Clerk
- Icons: Lucide React
- Theming: next-themes
Follow these steps to set up the project locally.
bash git clone git@github.com:CodeSpherreDev/life-line.git cd lifeline
bash npm install
Create a .env.local file in the root directory and add your keys:
env NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=your_clerk_publishable_key CLERK_SECRET_KEY=your_clerk_secret_key
bash npm run dev
Now open http://localhost:3000 in your browser 🎉
Contributions are welcome!
- Fork the repo
- Create a new branch (feature/awesome-feature)
- Commit changes
- Submit a pull request
This project is licensed under the MIT License.
Made with ❤ by Code Spherre.