Skip to content

anis191/vaxplus-frontend

Repository files navigation

VaxPlus - Vaccine Management System 🩺

VaxPlus React TailwindCSS Vite

A modern, responsive, and professional vaccine management system built with React that provides comprehensive vaccination tracking and management capabilities.

🌐 Live App: https://vaxplus-frontend.vercel.app/
⚙️ API: https://vaxplus-backend.vercel.app/api/v1/


Overview

VaxPlus is a full-stack Vaccine Management System designed to simplify and digitize vaccination operations.
It enables users to register, book vaccine doses, manage campaigns, and track vaccination records — all from one place.


Features at a Glance

🔹 Authentication & Authorization — Secure user login, registration, and logout
🔹 Role-Based Access Control — Patient, Doctor, and Admin dashboards
🔹 Vaccine Campaigns — View and manage active vaccination campaigns
🔹 Dose Booking — Patients can book and track vaccine doses
🔹 Doctor Panel — Manage patients, update vaccination statuses
🔹 Patient Dashboard — Track vaccine schedules and booking status
🔹 User Reviews & Feedback — Share vaccination experiences
🔹 Modern UI/UX — Responsive, minimal, and accessible design
🔹 Smooth API Integration — Using Axios with DRF backend
🔹 Fast & Lightweight — Built with Vite and optimized React components
🔹 Payment & Billing — Secure online payments for premium vaccination campaigns and donations for continue free health campaign.


Architecture

Frontend (React + Tailwind + DaisyUI)
          │
          │ Axios API Requests
          ▼
Backend (Django REST Framework)
          │
          │ Database (PostgreSQL / SQLite)
          ▼
       Full-stack Vaccine Management

Tech Stack

Category Technology
Frontend Framework React 18
Build Tool Vite
Styling Tailwind CSS + DaisyUI
Form Handling React Hook Form
HTTP Client Axios
Routing React Router
Icons React Icons
Swiper JS For image sliders and carousels

Project Structure

vaxplus-frontend/
├── public/                 # Static assets
├── src/
│   ├── components/        # Reusable React components
│   ├── pages/            # Page components
│   ├── hooks/            # Custom React hooks
│   ├── services/         # API services and configurations
│   ├── utils/            # Utility functions
│   ├── styles/           # Global styles and Tailwind config
│   └── App.jsx           # Main application component
├── package.json
├── vite.config.js        # Vite configuration
└── tailwind.config.js    # Tailwind CSS configuration

Backend Overview

The VaxPlus Backend, powered by Django REST Framework, handles all API requests and authentication logic.

Category Technologies & Tools
Framework Django REST Framework — Robust backend API development
Database PostgreSQL — Reliable and scalable data management
Deployment Vercel — Fast and serverless cloud hosting platform

📦 Backend Repo: VaxPlus Backend on GitHub
🔗 API Base URL: https://vaxplus-backend.vercel.app/api/v1/


💻 Author

Anisul Alam
Full-Stack Developer | Django | React | PostgreSQL

LinkedIn Portfolio


📜 License

This project is licensed under the MIT License.


⭐ Star this repository if you find it helpful!

Built with ❤️ using React, Tailwind CSS, and modern web technologies

About

VaxPlus is a modern vaccine management web app built with React, Tailwind CSS, and Django REST Framework, offering dose booking, campaign management, secure auth, and payment support.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages