Skip to content

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

30 Commits
 
 
 
 
 
 

Repository files navigation

MapSense Frontend Application

Overview

MapSense is a frontend web application built using React that provides information about postal services based on user input. This application utilizes a government API to fetch and display data related to post offices in India, including their names, types, locations, and other details.

Features

  • Collects user information (first name, last name, pincode, and email) on the homepage.
  • Displays a table of post office details based on the user's pincode.
  • Allows users to search for post office data by state name, district name, or pincode.

Installation and Setup

Follow these steps to set up and run the application:

  1. Clone the repository to your local machine:

    https://github.com/Sunilverma99/Mapsense.git
  2. Navigate to the project directory:

    cd my-project
  3. Install the necessary dependencies by running:

    npm install
  4. Start the application by running:

    npm run dev

Data Source

This application uses the All India Pincode Directory API provided by the Indian government. The API provides fields such as officename, pincode, officetype, statename, districtname, longitude, and latitude.

Pages and Components

Homepage

  • Form: Collects the user's first name, last name, pincode, and email.
  • Table: Displays post office details based on the pincode provided by the user.

Search Service

Allows users to search for post office data by:

  • State Name
  • District Name
  • Pincode

Dependencies

  • React: A JavaScript library for building user interfaces.
  • External Api: An External api to collect the data.
  • Redux:A state Management library.

Usage

  1. Navigate to the homepage.
  2. Enter your first name, last name, pincode, and email.
  3. Submit the form to view post office details related to your pincode.
  4. Use the search feature to find post office data by state name, district name, or pincode.

Contributing

Contributions are welcome! Please open an issue or submit a pull request for any changes or improvements.

Contact

For any questions or feedback, please contact Sunil verma at sunilverma99706@gmail.com.

About

Resources

Stars

1 star

Watchers

1 watching

Forks

Releases

Packages

Used by

Contributors

Languages