evscott/rambl

Travel planning app built using React Redux and Node.js.

Available Scripts

In the project directory, you can run:

npm run dev

Runs the app and server in the development mode.
Open http://localhost:3000 to view the client in the browser. Open http://localhost:4200 to view the server in the browser. The page will reload if you make edits.
You will also see any lint errors in the console.

npm test

Launches the test runner in the interactive watch mode.
See the section about running tests for more information.

npm run build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

rambl's Issues

Finalize the trip routes

Normalize arch. to 3rd form.

Trip redux store

Learn basics of SQL.

Create React login page.

This page should contain two primary input fields, and two primary buttons.

Input fields:

1. email.
2. password.

Buttons:

1. submit -> submits login request -> routes to dashboard if successful, else indicate failure (see issue #89 ).
2. cancel (better phrase needed) -> routes back to landing page (see issue #86 ).

Create ERD for DB arch.

Finalize accommodation routes.

Normalize arch. to 2nd form.

Learn basics of Node.js routing.

Create json web token reducers.

Finalize transportation routes.

Learn basics of RDB normalization.

Create accommodation actions and reducers.

Learn basics of SQL.

Create trips actions and reducers.

Create transportation actions and reducers.

Authentication redux store

Create React dashboard.

This page should display the current users account information (minus password), and contain a single button.

Button:

1. Logout -> destroys users JWT from local storage -> routes back to landing page (see issue #86 ).

Normalize arch. to Boyce Codd.

Create prototype of GUI using proto.io.

Learn basics of Node.js routing.

Create React signup page.

This page should contain four primary input fields, and two primary buttons.

Input fields:

1. email.
2. password.
3. first name.
4. last name.

Buttons:

1. submit -> submits signup request -> routes to dashboard if successful (see issue #89 ).
2. cancel (better phrase needed) -> routes back to landing page (see issue #86 ).

Learn basics of RDB normalization.

Create React landing page.

The landing page should contain two primary buttons:

Buttons:

1. Signup -> routing to the signup page (see issue #87 ).
2. Login -> routing to the login page (see issue #88 .

Validate user requests targeting db belong to user.

Currently, all requests aside from 'login' and 'signup' must include a valid 'x-access-token' in the header. This token should be used to decode the users email to determine whether their request is targeting data that belongs to them. See issue #84 for similar functionality.

Fix sign up with a duplicate email

Find a better name.

Accommodations redux store

Finalize plan routes.

Transportation redux store

Create infrastructure for dynamic routing in server.

Create plans actions and reducers.

Plans redux store

Create authentication reducers.

Learn basics of RDB normalization.

Normalize database to 2nd form.

Create standard routing system in server.

Create Proto.io desktop web mockup.

Setup dynamic deployment & development host urls in client.

Learn basics of SQL.

Create fundamental database retrieval queries.

• Retrieve all trips attached to user
• Retrieve all flights attached to trip
• Retrieve all plans attached to trip
• Retrieve all accommodations attached to trip

Resolve user email with web token in server handlers.

Currently, to add new trips and get user information the user must pass their email through to the server within a requests body. Their email should be resolved using their JSON web token, however. This can be done as follows:

jwt.verify( token, Config.publicKey, Config.verifyOptions, (err, decoded) => { if (err) throw error; let useremail = decoded.email; // do something with this email } } );

Find a better name.

Create Trippy mood board.

Configure Redux state structure.

Create interface directory in Angular app for object types.

E.g. user {userid, username, password, ...}

Learn basics of RDB normalization.

Create milestone #2 submission.

Practice presentation!

• ERD diagram for database.
• Description of server routing system.
• Description of relationship between server and database.
• Graphics of mock GUI.
• Show off proto.io shtuff.
• Imagination! 🌈

Learn basics of SQL.

Example Issue