https://github.com/iridakos/lofocats_ui

LofoCats UI is a simple web application consuming the LofoCats API, built with Ruby on Rails :cat:
https://github.com/iridakos/lofocats_ui

api rails sample tutorial ui

Last synced: 2 months ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/iridakos/lofocats_ui
• Owner: iridakos
• License: mit
• Created: 2015-09-23T15:58:45.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2022-12-14T03:54:21.000Z (over 2 years ago)
• Last Synced: 2025-04-10T22:53:29.622Z (2 months ago)
• Topics: api, rails, sample, tutorial, ui
• Language: Ruby
• Homepage: https://iridakos.com/news/2015/06/21/rails-sample-api-ui
• Size: 77.1 KB
• Stars: 55
• Watchers: 7
• Forks: 17
• Open Issues: 9
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        
# LofoCats UI :cat:

LofoCats is a simple application, consuming the [LofoCats API](https://github.com/iridakos/lofocats_api), built with Ruby on Rails for demo purposes.

![Cat entries index](https://3.bp.blogspot.com/-6KEEbALF9c8/VgLFrtF5hoI/AAAAAAAABcI/_QbpgDMU-1c/s1600/cat-entries-index.png)

## 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](http://localhost:3000) and there you are. For signing in, view  the documentation of the [LofoCats API](https://github.com/iridakos/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](https://3.bp.blogspot.com/-5qYmXhpKK3U/VgLFrKEj6PI/AAAAAAAABcA/4MN4Q2DoNrQ/s1600/administration.png)

___

### Guest Home Page

![Guest home page](https://4.bp.blogspot.com/-ZYPlyBQxPD4/VgLFrVrq6II/AAAAAAAABcE/7H-saMqtndE/s1600/home-page.png)

___

### User Administration

![User administration](https://4.bp.blogspot.com/-lG9wkrWnsZg/VgLFrxJbM1I/AAAAAAAABcM/BPEElFJ9VXs/s1600/manage-users.png)

___

### Cat Entry Form

![Cat entry form](https://2.bp.blogspot.com/-5p3FZM9TAMo/VgLFsbX4SVI/AAAAAAAABcQ/Xo8QC4ARJCk/s1600/new-cat-entry.png)

___

### Cat Entry Show Page

![Cat entry show page](https://2.bp.blogspot.com/-msWKssP6JAM/VgLFsnma-KI/AAAAAAAABcU/GavocZB-beQ/s1600/show-cat-entry.png)

___

### Sign In Page

![Sign in page](https://3.bp.blogspot.com/-MzJWWudn7W0/VgLFtClADQI/AAAAAAAABcY/o0HBx76_-1M/s1600/sign-in.png)

___

### Cat Entry Show Page for Mobiles

![Cat entry show page for mobiles](https://2.bp.blogspot.com/-HToFMV8j9hs/VgLGVh1jNZI/AAAAAAAABc8/qoQG2o95b-U/s1600/mobile-cat-entries-index.png)

___

### Sign in Page for Mobiles

![Sign in page for mobiles](https://4.bp.blogspot.com/-8hGbaqUvHn0/VgLGVqKtNRI/AAAAAAAABc4/fe5St4o8OYc/s1600/mobile-sign-in.png)