Skip to content

vricop/Mayoral-Coding-Challenge

Repository files navigation

Coding challange for Mayoral

Mayoral

Challange: create a calendar app for managing employee vacations. 1) higlight holidays in blue & weekends in red, 2) keep track of remaining vacations next to the employee's name, and 3) keep data stored in the localStorage

Technologies used

  • React
  • Next.js
  • Typescript
  • Sass
  • React toastify

About my process

I've used Next.js so that I could mock the handed json files as api calls. These are called API routes in Next.js. Typescript was added so that I could practice my recentlty acquired skill in this topic. I also added React toastify for giving some feedback to the user once an employee runs out of vacations days.

Responsive

Calendar App - Desktop

Calendar App - Desktop

UX/UI

UI / UX

WCAG Compliance

Web Content Accessibility Guidelines for colors. A nice combination of pastel colors for better constrast and readability.

WCAG Compliance colors

About

A coding challenge for Mayoral

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published