项目作者: thiagohrcosta

项目描述 :
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.
高级语言: Ruby
项目地址: git://github.com/thiagohrcosta/geocoding.git
创建时间: 2021-05-01T01:26:59Z
项目社区:https://github.com/thiagohrcosta/geocoding

开源协议:

下载


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:

  1. .box-flex{
  2. display: grid;
  3. grid-template-columns: 1fr 1fr 1fr;
  4. grid-gap: 16px;
  5. margin: 10px;
  6. }
  7. .box-flat{
  8. margin: 10px 0;
  9. border: 1px solid #E8E8E8;
  10. box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
  11. }

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

  1. - Project created;
  2. - Adding bootstrap, jquery, popper;
  3. - Adding font-awesome, simple_form;
  4. - Models and Controllers created with Scaffold;
  5. - Database created;
  6. - Adding geocorder gem;
  7. - Adding a migration to insert latitude and longitude;
  8. - Adding mapbox;
  9. - Fixing bugs and adding markers;
  10. - Fixing zoom;

May 1

  1. - Adding box content to marker;
  2. - Adding search bar;
  3. - Adding a migration to insert photo;