Village Management System

Advanced Web Project

Village Management System Screenshot
Phase 1 Code Phase 2 Code

Description

The Village Management System provides a streamlined approach to managing and displaying demographic, geographical, and administrative details of various villages. It includes a real-time chat feature using WebSocket integrated with the API, enabling instant communication among users and admins.

Technologies Used

Frontend: React with pure CSS
Backend: Node.js with GraphQL API
Database: MySQL (XAMPP)
Real-time: WebSocket

Roles & Features

User

  • View village demographics
  • Access geographical data
  • See public facilities

Admin

  • Full CRUD capabilities
  • Manage village data
  • Monitor user activities

System

  • Real-time chat
  • Secure authentication
  • Responsive interface

Development Phases

Phase 1

Initial front-end development using HTML, LESS CSS, and JavaScript with mock data.

Phase 2 & 3

Refactored to React with pure CSS, integrated Node.js backend with GraphQL and MySQL, added WebSocket chat.