Find Location on Map - Interview Assessment

This is a React (NextJs) based Interview Assessment to cover FE dev skills with software development best practices.

Application Features

• User can search any location on map
• View searched location on Map with a image (if available)
• shows user tried search terms as history
• remove search history
• User friendly UI design
  
  

Demo

Used technologies

Name	Description	Link
NextJs (React) + Typescript	used NextJs as Frontend Framework	https://nextjs.org/
Material UI (MUI)	Material UI (MUI) use for UI design	https://ant.design/
Styled component	used for custom style with dynamic variable	https://styled-components.com/
googleapis	used google map and places API for search and view location	https://developers.google.com/drive
vercel	used as Hosting server (free)	https://vercel.com/

Application Reference

You can also visit, search your favorite location and view it
Visit: https://find-location-assessment.vercel.app/

Installation

Preinstalled tools

• yarn / npm
• git

Clone the repository

  git clone https://github.com/lahirudilshan/location-search-nextjs-interview-assessment.git

Install dependence

  yarn install

Run the application

  yarn run dev

Application live in

  http://localhost:3000/

Application Screenshots

Default page



Autocomplete search result



View location

Support

This application use vercel, googleapis as free service and time to need to update keys, etc...if you face any difficulty to view the application please reach me with below medias

🔗 Links

🚀 About Me

Senior JavaScript Fullstack Engineer with 6+ years of experience , Focused on Frontend, Skilled in React, NextJs, Angular, Node.js, and Pixel perfect UI design

From Sri Lanka