Technologies

This project was created with:

• Ruby
• Rails
• ERB (for template system with Ruby)
• Pry-byebug (for debugging)
• Bootstrap
• Sqlite3

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/books

Display a book

What user can do?

As user you can manipulate all CRUD operations like:

• Read any books information that are already created;
• Add new book;
• Edit a book;
• Delete a book

CSS Grid

To create this list of books was used CSS grid

.book-display{
  background-color: #fff;
  border-radius: 20px;
  padding: 30px;
  display: grid;
}

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

The final result was that:

Development routine

April 11

  - Project created;
  - Model book created;
  - Controller books created;
  - Using resources to create routes;
  - Display book on index page;
  - Bootstrap added;
  - Simple_form added;
  - Created index, show and new actions on controller;
  - View show created to display one book on screen;
  - Actions create and update added on controller;
  - CSS grid used;
  - Applying some CSS on index page;
  - Applying some CSS on show page (for each book);
  - Delete action created on controller;

April 12

  - CSS to create a new book added;
  - CSS to edit a book added;
  - CSS correction on index page;
  - Upload images do Readme;
  - Update Readme;
  - Add roboto font;
  - Change some font-weight on Title and Author.