Village Management System

Advance Web Project

Description

The Village Management System is designed to provide 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 within the platform.

Technologies Used

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

Roles

  • User: View village demographics, geographical data, and public facilities.
  • Admin: Manage village data with full CRUD capabilities.

Development Phases

  • Phase 1: Initial front-end development using HTML, LESS CSS, and JavaScript, with fake data to simulate village information.
  • Phase 2 and 3 (Merged): Refactored front-end in React, styled with pure CSS, and integrated with a Node.js backend powered by GraphQL and MySQL. Added real-time chat functionality with WebSocket.

Features

  • Responsive and user-friendly interface
  • Real-time data integration and display
  • Real-time chat for user and admin communication
  • Role-based access control
  • Comprehensive CRUD operations for village management
  • Secure authentication and authorization for admins

GitHub Link

View Repository (Phase1)
View Repository (Phase2)