/w-task

Primary LanguageTypeScriptMIT LicenseMIT

Opening Hours

by Nicolas M. Pardo

Vite template with React, TypeScript, and Styled Components. See it live

🚶🏽‍♂️ Getting Started

This project requires Node v14+ and Yarn.

git clone https://github.com/Nikodermus/w-task
cd w-task
yarn

🏃🏽‍♂️ Run the project

You can run yarn dev, or yarn serve (for a production version) and open localhost:3000 to view it in the browser.

🧪 Testing

This project uses jest as test runner and react-testing-library to mount React components and do component testing.

yarn test:unit:ci

📚 Notes

  • You can modify ScheduleWrapper.tsx, inside pseudoFetch({}) to change the behavior of the information load to:

    • Make it forcefully fail {fail: boolean}. (By default it fails 1 out 10 times the info is lodaded).
    • Set a delay in milliseconds to delay the loading of the information. {time: number} (By default it loads after ~1 second).
    • Change the information displayed in the schedule. {data: Schedule}. (By default it displays the following information inside response.mock.json, you can change it there as well).

  • This project uses a set of utilities to create a CSS Variables Design System, using as source styled.constant.ts, use your browser to see all the generated variables.

👩🏽‍💼 License & Attribution

MIT License