lucyfox4131 / idea_box Goto Github PK

View Code? Open in Web Editor NEW

0.0 2.0 0.0 83 KB

Ruby 72.16% JavaScript 16.38% CSS 1.63% HTML 9.83%

idea_box's Introduction

All The Ideas

A blend of JavaScript and Rails, All the Ideas is a one page application written for the purposes of expanding my current knowledge of client side JavaScript. There is a simple Rails API serving data for the front end JavaScript.

Technologies Used:

JavaScript
Ruby on Rails
Ajax
jQuery
TDD using RSpec, Teaspoon, Mocha, Capybara Webkit, Factory Girl

Functionality

The production application can be found here

If you ever needed a place to record all the crazy ideas you have throughout the day, you've come to the right place. Idea box is a place for you to record those ideas. A new idea can be created with a title and a body. Quality of ideas defaults to "Swill", but can be upvoted to "Plausible" or "Genius". Downvotes can be used to decrease the quality of an idea in the opposite order. If an idea is truly terrible, you can delete it. Edit the title or body of an idea by clicking on it.

Run it Locally

Clone: git clone https://github.com/lucyfox4131/idea_box.git

DB Setup: rails db:create db:migrate

Run the Server: rails s

Navigate to: localhost:3000

Add some ideas!

idea_box's People

Contributors

Watchers

idea_box's Issues

idea bodies truncated

idea bodies longer than 100 characters should be truncated to the nearest word

Idea Object

An idea has a title, body, and a quality

Make sure table addition in ajax is updating correctly

--> Make sure all data name, body, quality are present

Unit Testing

Add additional JS unit testing

Enums

Think about refactoring idea model case statement to enums

Feature Testing - Capybara Webkit

Add capybara feature testing by setting up webkit with capybara

Refactor JS

Refactor common functions. How can they all be cleaned up?

Descending Chronological Order

Ideas should appear in descending chronological order with the most recently created idea at the top

Redo DELETE

Adjust Delete so it's happening in success and not just always

JSHint

Clean up all JSHint errors throughout idea box

Add Error Handling for sad path

Changing Idea Quality

ideas default to swill, clicking thumbs up and thumbs down will change the quality of the idea but only if it can be changed, trying to increment a genius or decrement a swill idea will have no effect.

Figure out how to have initial page load

Be ajax and not erb

Deleting an existing idea

Each idea in the list will have a link or delete button

-upon clicking delete the idea is removed from the lsit

the page will not reload when the idea is deleted
-the idea should be removed from the DB, will not appear on next page load

Styling

Spacing on table -- Cleaner
Headers/Add some color/make boxes a bit bigger/style buttons

Add JS feature tests

When the user clicks save (new idea)

Then the new idea with title and body will appear in the idea list

Ideas

See list of all existing ideas including title, body and quality for each idea

Editing an Existing Idea

When the title or body of an idea in the list is clicked it becomes editable text prepopulated with existing idea title or body

Clicking this link should not take the user to a separate edit page

the user can "commit" their changes by pressing enter/return or by clicking outside of the text field

if the user reloads the page, their edits will be reflected

Idea Filtering/Searching

We want users to be able to easily find ideas that have been created

--> There should be a Search field, as a user types in the search box then the list of ideas should filter in real time to only display ideas whose title or body include the users text

--> clearing the search box should restore all the ideas to the list

Two text boxes for entering a new idea

Title, body, save button for committing that idea

Add enter/return to update

Add this functionality