Skip to content

adnantech17/walkability-frontend

Repository files navigation

About project

This is the frontend implementation part of Ai based website hata.ai. It displays the walkability of the streets of Dhaka city. It can be used to find the best possible route from one place to another. The users can also add and edit route parameters from their account.

This is a Next.js project bootstrapped with create-next-app.

Landing page

This is the homepage. The users will be able to search for a route in the map in this page. Given a starting and ending point the best walkable path will be presented.

Register

Users can register by filling up the register form. Registered users can login to add information about routes.

Data entry

This screen is a form containing data input for all the necessary parameters to measure walkablity, namely, cleanliness, safety, congestion, obstacle count, footpath width.

Documentation page

The Documentation screen provides all the details about the standards of collecting data if the user wants to enter data.

Getting Started

First, run the development server:

npm run dev
# or
yarn dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying pages/index.js. The page auto-updates as you edit the file.

API routes can be accessed on http://localhost:3000/api/hello. This endpoint can be edited in pages/api/hello.js.

The pages/api directory is mapped to /api/*. Files in this directory are treated as API routes instead of React pages.

Learn More

To learn more about Next.js, take a look at the following resources:

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.