https://github.com/w3bdesign/nav-jobs

Showing jobs from https://arbeidsplassen.nav.no
https://github.com/w3bdesign/nav-jobs

animatecss css easy-peasy nextjs react-transition-group typescript

Last synced: 7 days ago
JSON representation

Showing jobs from https://arbeidsplassen.nav.no

• Host: GitHub
• URL: https://github.com/w3bdesign/nav-jobs
• Owner: w3bdesign
• Created: 2021-03-13T06:38:25.000Z (almost 4 years ago)
• Default Branch: master
• Last Pushed: 2024-05-22T14:41:39.000Z (7 months ago)
• Last Synced: 2024-05-22T15:57:26.576Z (7 months ago)
• Topics: animatecss, css, easy-peasy, nextjs, react-transition-group, typescript
• Language: TypeScript
• Homepage:
• Size: 14.4 MB
• Stars: 0
• Watchers: 3
• Forks: 1
• Open Issues: 5
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
[![Scrutinizer Code Quality](https://scrutinizer-ci.com/g/w3bdesign/nav-jobs/badges/quality-score.png?b=master)](https://scrutinizer-ci.com/g/w3bdesign/nav-jobs/?branch=master)

[![Quality Gate Status](https://sonarcloud.io/api/project_badges/measure?project=w3bdesign_nav-jobs&metric=alert_status)](https://sonarcloud.io/dashboard?id=w3bdesign_nav-jobs)

[![CodeFactor](https://www.codefactor.io/repository/github/w3bdesign/nav-jobs/badge)](https://www.codefactor.io/repository/github/w3bdesign/nav-jobs)

[![DeepSource](https://deepsource.io/gh/w3bdesign/nav-jobs.svg/?label=active+issues&token=32Ptsv4QrHgs8heBUIGjCj0w)](https://deepsource.io/gh/w3bdesign/nav-jobs/?ref=repository-badge)



# NAV home assignment

We want you to create a simple app / website that retrieves job advertisements from NAV's REST API and shows them to the user.

The ads are downloaded from NAV's website 

Authentication is handled via a Bearer token saved as the environment variable REACT_APP_AUTH which needs to be retrieved from Nav.no (see  to retrieve an updated token).

## Features

-   Next.js with Typescript

-   Typography and colors used by NAV

-   Styling with SASS and modules

-   Custom responsive @mixins

-   Animations with React Transition Group and Animate.css

-   NAV frontend library implemented with multiple components like Pagination and Button

-   State management with Easy Peasy and Typescript typings

-   Responsive design

-   Saving of job ads

-   State-based API error handler with React-toastify

-   API data is handled with React Query

-   Prevent duplicate jobs from being saved (shows error with React-toastify)

## Requirements

The app must meet these criteria:

-   The user should be able to see the last 10 ads when the app is opened

-   Each ad should show:

    -   dato (published)

    -   job title (jobtitle)

    -   ad title

-   The user should be able to press a button to see the next 10 ads

-   Each ad should have an "Open" button that allows the ad to show:

    -   job description (description)

    -   employer

    -   degree of extent (extent)

    -   applicationDue.

-   Each ad should have a "Save" button. Saved ads must be presented in a separate field.

-   Saved ads should not disappear even if the browser is closed and reopened.

## TODO

-   Implement "Saved ads should not disappear even if the browser is closed and reopened"