Skip to content

Latest commit

 

History

History
113 lines (70 loc) · 2.61 KB

README.md

File metadata and controls

113 lines (70 loc) · 2.61 KB
Raw

City Services Portal

The City Services Portal is a responsive web application built with React that allows citizens to report issues, access city services, and view real-time data on city operations.

Features

  • Report city-related issues or concerns
  • Access various city services
  • View real-time data on city operations and statistics
  • Dynamic and responsive design with modern CSS
  • Flip card animations on the homepage
  • Fixed footer across all pages

Getting Started

To get a local copy of the project up and running, follow these steps.

Prerequisites

  • Node.js (v14 or higher)
  • npm (v6 or higher) or yarn (v1.22 or higher)

Installation

  1. Clone the repository:

    git clone https://github.com/your-username/city-services-portal.git
cd city-services-portal

 Install dependencies:

 sh

npm install
# or
yarn install

Start the development server:

sh

npm start
# or
yarn start

Open http://localhost:3000 to view it in the browser.

Available Scripts

In the project directory, you can run:

npm start: Runs the app in development mode.
npm run build: Builds the app for production.
npm test: Launches the test runner in interactive watch mode.
npm run eject: Ejects the Create React App configuration (not reversible).

Components HomePage.js

Displays the homepage with flip cards for services.
Includes sections for ongoing events and more city data.

ReportIssue.js

Allows citizens to file issues or raise complaints.
Stores submitted data in local storage.

CityServices.js

Lists various city services with dynamic content.

EmergencyServices.js

Provides information on emergency services including contact details.

Parks.js

Displays information about city parks and their features.

PublicTransport.js

Allows users to find buses and trains within a specific time range.
Displays available buses and trains with real-time status.

WasteManagement.js

Provides information about waste management services and schedules.

CityData.js

Displays real-time data on city operations and statistics.

Footer.js

Displays a fixed footer at the bottom of the page.

Routes

The following routes are available in the application:

/: Home page
/report-issues: Report issues or complaints
/city-services: Access city services
/emergency-services: Emergency services information
/parks: City parks information
/public-transport: Public transport information
/waste-management: Waste management information
/city-data: Real-time city data

License

This project is licensed under the MIT License.