An interactive alien checkbox filter built with React, TypeScript, and Tailwind CSS.
When you click on a checkbox, the selected alien will be displayed.
ReactTypeScriptTailwind CSSVite
- Filters names using checkboxes
- Uses a grid layout
- Responsive and adapts to different screen sizes
- Uses useState-Hook and useEffect-Hook
I wanted to refresh my knowledge of sorting and filtering methods using React and TypeScript.
The process also helped me gain a better understanding of why TypeScript interfaces are important.
- Clone the repository
- Install dependencies:
npm install - Run development server:
npm run dev - Open
http://localhost:5173in your browser