Jobs Page - UI

[ShaunWMusic]

https://www.figma.com/file/W6tGUywoSB6oFxe6nDl56J/BoroDev-Jobs?node-id=0%3A1

[ShaunWMusic]

let's break this up into several different components

• Top Nav
• sub nav
• side bar - menu list on left
• main content on the right

[ShaunWMusic]

Data Model:

class Job {
 title: string,
bio: string,
facebook: string,
twitter: string,
linkedIn: string,
applyLink: string,
jobType: JobTypeEnum,
xp: ExperienceEnum,
remote: boolean,
jobDescription: string,
city: string,
state: string,
company: string,
techStack: string
}

JobTypeEnum {
full-time,
part-time,
freelance,
contract,
temporary,
internship
}

ExperienceEnum {
entryLevel,
midLevel,
seniorLevel,

}

[daemyonc]

https://www.figma.com/proto/W6tGUywoSB6oFxe6nDl56J/BoroDev-Jobs?node-id=105%3A133&viewport=-162%2C631%2C0.31692877411842346&scaling=min-zoom

Updated version

[daemyonc]

Mobile version

[daemyonc]

Lets tweak the height of the SubNav background. See uploads.

[daemyonc]

By the way, the NashDev Jobs page is down but I was able to find some archived versions for each portion which I will translate in the next day or so to our version.

[daemyonc]

Mocks for Companies

[daemyonc]

Mocks for People. I think pictures should be left out.