alizehkhan / delivery-date-picker

πŸ“… Custom delivery date picker using date-fns

Home Page:https://deliverydatepicker.netlify.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Netlify Status

Delivery Date Picker

This project implements a delivery date picker with the following constraints:

  • A pre-selected date (which is the earliest available delivery) is shown on the prompt.
  • When you click on the prompt, a modal opens that allows a user to select a new date for delivery.
  • The dates listed show the current month.
  • Tuesdays, Fridays and Saturdays are 'un-deliverable' days and therefore not selectable by the user or possible to be set as an initial delivery date.

Built using

  • date-fns - date utility library
  • react-modal - accessible modal: traps focus within modal when open, focus returns to the modal's trigger button when closed, can close modal via esc key, modal is appended to the end of document.body.

How to run this project

  1. Switch to the node version stated in .nvmrc with nvm use
  2. Install all dependancies with yarn
  3. Start the server with yarn start

You can view the website on http://localhost:3000

About

πŸ“… Custom delivery date picker using date-fns

https://deliverydatepicker.netlify.app


Languages

Language:SCSS 53.7%Language:TypeScript 32.8%Language:HTML 10.0%Language:JavaScript 3.5%