facn2/path18

Web App for exposing young people to a variety of career paths

path18's Issues

Test career card

#7

• write some tests for the career card

User Journey

As a user I can browse a variety of career paths and view detailed information about the ones that I am interested in.

User Stories:
As a user I can:

• read welcome page and instructions on how to use the app #4
• view card with job and decide if I like / dislike it #7
• click on card to view more details #5
• View list of jobs I like #6
• click on job to view details on the job and career path #8
• read details instructions for the app in the help page #9

Build database with information

Add 20 jobs of information to the seed data

Create career card

#3

As a user I want to...

View card with job and decide if I like / dislike it

• create view and route for career swiping #29
• query database for careers #30
• style card with css #31
• implement swipe functionality
• tests #32

Project skeleton

Set up the boiler plate for the project with these technical tasks:

• set up express and handlebars server #12
• initialise on heroku #13
• travis and testing environment #15
• database #16
• linter and pre-commit #14
• file structure #11

Help page

#3

** As a user I want to...**

read details instructions for the app in the help page

• create view and route for help page
• add content to help page
• style
• tests

Use template literals in start server

User template literals in start server

MongoDB Database

#10

• set up MongoDB and Mongoose
• create schema
• add content to database

Express and handlebars server

#10

• install express and express-handlebars
• set up app.js file for the basic server
• create htmlHead as partial

Create view and route for career page

#7

• create view and route for career page
• nav bar partial

Error page

create a custom error page that can render custom error messages to the user

Implement swipe functionality on career card

#7

• Add swipe functionality to card to indicate "like" or "dislike"
• Add event listener for click on "like" or "dislike" buttons

Prototype

Hey guys!

Looks like you're making amazing progress on the app.

One small thing - so have you guys decided against an HTML and CSS prototype? Not that it's the end of the world, but you should definitely have some sort of prototype - it would be really good to link to the figma prototype in the readme, and maybe show your wireframes as well.

Hope it's all going well!
x

Style career swiping page

#7

• style the page to look amazing ✨

Flip card to view more details

#3

As a user I want to...

click the card and have it flip to reveal more details about that job

• add content to info card page with info
• query database
• make flip functionality
• style
• tests

Matched job list

#3

As a user I want to...

view a list of the jobs I have liked

• create view and route for job list
• query database or local storage to get the jobs that have been liked
• link each list item to the details page
• style
• tests

Query database for careers

#7

• query the database
• render results to card

File structure

#10

Heroku

#10

• open gmail account for the group
• set up project on heroku
• add the link to the readme #1

Travis and testing environment

#10

• set up project on travis
• add the build label to readme #1
• create .travis.yml file
• install testing modules (MOCHA & CHAI)
• write test script in package.json

View details on the job career path

#3
As a user I want to...

click on job to view details on the job and career path

• create view and route for job-detail page
• add content to job-detail page
• query database for job information
• style
• tests

Welcome page

#3

As a user I want to...

View a welcome page with instructions about the app

• create view and route for welcome page
• add text content
• add 'get started' button and redirect to main page
• style
• tests

Linter and pre-commit

#10

database needs to be relocated

Currently database is inside src.
Please move it out of src .

README

Add content to readme including:

• Problem Statement
• User Journey
• User Stories
• Stretch Goals
• Prototype
• Architecture
• Technologies
• Team Guidelines
• Link to website #13
• Travis build label #15
• Local install instructions