Skip to content

This is a boilerplate build with Vite, React 18, TypeScript, Vitest, Testing Library, TailwindCSS 3, Eslint and Prettier.

License

Notifications You must be signed in to change notification settings

colonylabs/UI-Engineer-Code-Test---React-Vite-Tailwind

 
 

Repository files navigation

UI Engineer Interview Code Test

Welcome to the UI Engineer interview! In this test, you will be using Tailwind CSS to try to duplicate the design provided in the Figma file. Don't worry if we don't make it to the end; let's work on this together!

Instructions

1. Getting Started

2. Page Setup

  • Work on the body styling, grid layout, and page title.

3. Card Design

  • Work on the card styling including the card title, and the card's open and close behavior, along with spacing adjustments.

4. Todo Items

  • Focus on the todo items, including styling for checkboxes.

5. Wrap-Up

  • That's it! We'll conclude with some questions and suggestions.

Good luck, and let's have fun with this!

About

This is a boilerplate build with Vite, React 18, TypeScript, Vitest, Testing Library, TailwindCSS 3, Eslint and Prettier.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 87.3%
  • HTML 9.3%
  • JavaScript 2.8%
  • CSS 0.6%