lindsaywparker / jet-fuel

Shorten and save URLs

Jet Fuel - A Turing Mod 4 FEE Project

Synopsis

This project converts user-provided long URLs and converts them to short URLs while saving them to a selected folder. It is built on the front-end with jQuery and the back-end with Node/Express, knex, and PostgreSQL.

Design inspiration came from @ToshTak on Dribble.

See It Live

Jet Fuel on Heroku

Set Up

Clone the repo

Run npm install from the root directory

Run npm start and visit localhost:3000 in your browser

Test Driven Development

Jet Fuel uses Mocha and Chai for testing

Run with npm test

Original Assignment

Jet Fuel from the Turing School of Software & Design

Contributors

Lindsay Parker : GitHub Profile

jet-fuel's Issues

Clicking `Shorten URL` should validate the input

Push to Production

Formatting - remove console logs

Toggle folder view uses animation

Change unique field to short URL

Per feedback:

This short url here is actually the field that needs to be unique, not the long url. You can create as many short links to https://www.google.com as you want and place them in as many folders as you want, but they should each have their own unique short url.

Add .catches to `before` and `beforeEach` in tests

HTML includes form to create a shortened URL within a selected folder, and likely title

Limit sorting to single folder

Hook up Linter

HTML includes view of the clickable URLs, their title, and Date Added associated with a selected folder (includes animation)

User should be able to input a long URL and a folder and have that shortened URL added to the folder

Add `success` message

Basic HTML & CSS

HTML includes form to create uniquely-named folder

Combine `clear` functions so they take an input

Here

Strengthen test assertions on GET folders

This is unlikely to pass 100% of the time

Server-side data persists

Server-side testing

Happy Path
Sad Path

Define API Endpoints

Make environment dynamic in test

Per feedback:

I'd rather see you set this environment variable in your test running script in your package.json rather than hardcoding it here

Allow the user to provide their own custom short URL

Remove hard-coded URL prefix

Per feedback:

Hardcoding a "hostname" here is a little bizarre - it's fine to prefix your shortURL with something but I wouldn't make it an entire hostname with a top-level domain. (Especially since it isn't the URL of your deployed application)

console.log POST request contents

Review specs/rubric

Revise CSS animation on folder open

Refactor prepending into a Document Fragment

User should be able to sort folder URLs by Date Added, both ascending and descending

404 if there's no folder by ID

http://frontend.turing.io/lessons/module-4/knex-postgres.html

Final styling

Add`.unique()` and error handling to Create New Folder, New Link??

Display message in folder view if no links exist

Add `Folder` dropdown to Create Link

Add .catches where missing in scripts.js

Rename `validURL` to `isValid`

Here

Client-side Testing

HTML includes view of existing folders

README

URL List has a search field

Change error checking to check for `ok` flag

Per feedback:

Little confusing why there would be a folder.error within a .then which would imply things were successful. You can check for the ok flag that is passed with a response object by default to determine if the status code that came back was erroneous and you need to throw an error for it.

Make it responsive

User should be able to create a uniquely-named folder

empty input logic before fetch calls

Make Knex with Express & Postgres

Format created date

On a branch, explain each line of the server file using comments

Explain what the line below is doing. Be as explicit as necessary.

Create baseplate

Short link should redirect

Submission PR

Combine `createFolder` and `createLink` functions

Disable save when inputs are empty