This is a technical practice to write a single page web application to find taxi.
The task is to create a single page Javascript application using React. The page should feature a map. The map should show markers illustrating the up-to-date locations of on-demand taxis in the area. The page should also feature a UI slider, that enables to change the amount of drivers displayed on the map. The range should be 1-50. In order to find the location of local Taxi's, will need to contact API, and get a list of driver locations. This endpoint will return a list of driver locations, nearby to the location.
- React for Frontend
- Rebass for UI
- Leaflet for canvas map
- Apollo for GraphQL
- Jest for testing
Due to CORS issue on the API, it is not able to call API directly from browser client app. Therefore, a GraphQL server is developed for calling REST API and act as a medium. In order to start this project, the GraphQL server is required to run first. Below is the git repository for it
https://github.com/m3yevn/taxi-finder-graphql/
$ git clone
$ npm install$ npm run start
The project should be running on http://localhost:3000
$ npm run test
- This project image is available at
- https://hub.docker.com/repository/docker/m3yevn/taxi-finder-client
$ docker pull m3yevn/taxi-finder-client:latest
$ docker run -d -p 3000:80 --name taxi-finder-client m3yevn/taxi-finder-client:latest $ docker build -t <**image_tag**> .