Giter VIP home page Giter VIP logo

urlockbox's Introduction

URLockBox

URLockBox is a Rails app that allows users to create and store links!

This app is built with a restful API based on the resource 'link' (with the exception of /links, which is replaced by the root).

Using the App

URLockBox can be viewed live at https://loliveri-urlockbox.herokuapp.com/.

Users must sign up or log in with an existing account to continue:

screen shot 2017-07-27 at 6 19 34 pm

Once logged in, users can review their already saved links and add new ones. Note that URLs must be valid to be submitted, and need to also include a title.

screen shot 2017-07-27 at 6 22 25 pm

Users edit their link urls and titles, and can also mark their reads as "read" or "unread".

screen shot 2017-07-27 at 6 23 26 pm

Users can also filter their links by those that are read, unread, or just search by the text in either the link or the title! Users can also easily clear their search with the "clear filters" button.

screen shot 2017-07-27 at 6 27 43 pm

Links marked as 'Top' (most visited of all users) or 'Spicy' (in top 10 of all visited sites) are dependent on data from a companion app, https://github.com/lao9/hot-reads, retrieved and compared through a service utilizing Faraday.

screen shot 2017-07-27 at 6 28 24 pm

Setup

To set up URLockBox:

  1. Clone done this repo.
  2. Bundle
  3. rake db:setup
  4. To run the test suite, rspec

Testing Using Selenium Webdriver

The app has the selenium-webdriver gem listed in the Gemfile and setup in the rails_helper.rb. You will need to download version 46 of Firefox here. If you do have it, make sure it is on version 46. Selenium does not work with all versions of Firefox, so make sure that you are using Firefox 46 or else it will potentially cause you problems.

If you already have Firefox and it's on a version more recent than 46, the easiest way to downgrade is to turn off automatic updates, uninstall Firefox, and then install version 46.

You can then write capybara feature tests and add js: true tag if you'd like your test to use the Selenium WebDriver rather than the default WebDriver. Your tests will execute and recognize your JavaScript.

If you're having problems troubleshooting asynchronous actions (like DOM changes after an AJAX request), peruse this section of Capybara's docs

It is highly suggested that you also check out the Capybara docs and and the section on selenium-webdriver.

Companion

URLockbox's companion app is live at https://loliveri-hotreads.herokuapp.com/. Hot Reads tracks which links are most popular for the past 24 hours.

urlockbox's People

Contributors

lao9 avatar neight-allen avatar case-eee avatar

Watchers

James Cloos avatar  avatar

urlockbox's Issues

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.