https://github.com/thiagohrcosta/my-bookshelf

My bookshelf it's a simple application to add your book collection with the main informations like title, author, pages and resume.
https://github.com/thiagohrcosta/my-bookshelf

bootstrap4 css html5 javascript ruby ruby-on-rails

Last synced: 18 days ago
JSON representation

My bookshelf it's a simple application to add your book collection with the main informations like title, author, pages and resume.

• Host: GitHub
• URL: https://github.com/thiagohrcosta/my-bookshelf
• Owner: thiagohrcosta
• Created: 2021-04-11T16:36:09.000Z (over 3 years ago)
• Default Branch: master
• Last Pushed: 2021-04-17T22:08:36.000Z (over 3 years ago)
• Last Synced: 2024-10-23T03:49:32.593Z (2 months ago)
• Topics: bootstrap4, css, html5, javascript, ruby, ruby-on-rails
• Language: Ruby
• Homepage:
• Size: 2.82 MB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
![main image](https://github.com/thiagohrcosta/my-bookshelf/blob/master/public/img/bookshelf1corret.png?raw=true)

## Technologies

This project was created with:

 - [Ruby](https://www.ruby-lang.org/pt/)

 - [Rails](https://rubygems.org/gems/rails)

 - [ERB](https://ruby-doc.org/stdlib-2.7.1/libdoc/erb/rdoc/ERB.html) (for template system with Ruby)

 - [Pry-byebug](https://rubygems.org/gems/pry-byebug/versions/3.4.0?locale=pt-BR) (for debugging)

 - [Bootstrap](https://getbootstrap.com/)

 - 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

![display book](https://github.com/thiagohrcosta/my-bookshelf/blob/master/public/img/bookshelf3.png?raw=true)

## 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:

![enter image description here](https://github.com/thiagohrcosta/my-bookshelf/blob/master/public/img/bookshelf2.png?raw=true)

## 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.