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
.
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.
Users can register by filling up the register form. Registered users can login to add information about routes.
This screen is a form containing data input for all the necessary parameters to measure walkablity, namely, cleanliness, safety, congestion, obstacle count, footpath width.
The Documentation screen provides all the details about the standards of collecting data if the user wants to enter data.
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.
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
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.