Skip to content

A simple project to use geocoder and mapbox. A user can insert a new place with address, edit a place or delete. The address will be displayed as a marker on map.

Notifications You must be signed in to change notification settings

thiagohrcosta/geocoding

Repository files navigation

Géocodage

main banner

Technologies

This project was created with: Ruby Rails HTML5 CSS3 SASS Bootstrap Postgres

Map page

map

CSS Grid

To display places on main page was used CSS grid:

.box-flex{
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 16px;
margin: 10px;
}

.box-flat{
margin: 10px 0;
border: 1px solid #E8E8E8;
box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}

How to run this project

Download or clone it. . Then run in the main folder the command rails server. If needed, run bundle install to check if all gems are correctly installed. Then open the project on localhost:3000/flats

What user can do?

As user you can manipulate all CRUD operations like:

  • Insert a place (with address);
  • Edit a place
  • Delete a place;
  • Search for any place on search bar;

Search for a place

The user can also use the search field to search for a desired place. enter image description here

Development routine

April 30

 - Project created;
 - Adding bootstrap, jquery, popper;
 - Adding font-awesome, simple_form;
 - Models and Controllers created with Scaffold;
 - Database created;
 - Adding geocorder gem;
 - Adding a migration to insert latitude and longitude;
 - Adding mapbox;
 - Fixing bugs and adding markers;
 - Fixing zoom;

May 1

 - Adding box content to marker;
 - Adding search bar;
 - Adding a migration to insert photo;

About

A simple project to use geocoder and mapbox. A user can insert a new place with address, edit a place or delete. The address will be displayed as a marker on map.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published