Giter Site home page Giter Site logo

iridakos / lofocats_ui Goto Github PK

View Code? Open in Web Editor NEW
54.0 8.0 18.0 79 KB

LofoCats UI is a simple web application consuming the LofoCats API, built with Ruby on Rails :cat:

Home Page: https://iridakos.com/news/2015/06/21/rails-sample-api-ui

License: MIT License

Ruby 53.36% JavaScript 0.41% CSS 2.57% HTML 43.67%
tutorial rails sample api ui

lofocats_ui's Introduction

LofoCats UI ๐Ÿฑ

LofoCats is a simple application, consuming the LofoCats API, built with Ruby on Rails for demo purposes.

Cat entries index

Functionality

  • Guests may browse for lost & found cat entries.
  • Signed in users may create, update or delete their cat entries.
  • Administrators may manage the application's users & create/update/delete any cat entry.

Setting up the application

  • Clone the repository.
  • Execute bundle install to install required gems.
  • Edit the config/api.yml and update it with the URL of the LofoCats API. By default, the applications will use http://localhost:3001
  • Execute rails server to start the application on the default port.
  • Navigate to the application's home page and there you are. For signing in, view the documentation of the LofoCats API to obtain the credentials of the user that you want to use.

Behind the scenes

  • Zurb Foundation: Responsiveness & styling
  • CanCan: Authorization
  • RestClient: Talk with the API
  • FontAwesome: Font icons used in some links

Screenshots

Administrator Home Page

Administrator home page


Guest Home Page

Guest home page


User Administration

User administration


Cat Entry Form

Cat entry form


Cat Entry Show Page

Cat entry show page


Sign In Page

Sign in page


Cat Entry Show Page for Mobiles

Cat entry show page for mobiles


Sign in Page for Mobiles

Sign in page for mobiles

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.