Skip to content
/ dev-lab Public

πŸ‘½ Filter aliens using checkboxes with React and TypeScript πŸ›Έ

License

Notifications You must be signed in to change notification settings

3nsar/dev-lab

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

34 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸ‘½ Dev Lab - Alien Checkbox Filter

An interactive alien checkbox filter built with React, TypeScript, and Tailwind CSS.
When you click on a checkbox, the selected alien will be displayed.

βš™οΈ Technologies

  • React
  • TypeScript
  • Tailwind CSS
  • Vite

πŸ€– Features

  • Filters names using checkboxes
  • Uses a grid layout
  • Responsive and adapts to different screen sizes
  • Uses useState-Hook and useEffect-Hook

🧠 The Process

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.

πŸ’« Running the Project

  1. Clone the repository
  2. Install dependencies: npm install
  3. Run development server: npm run dev
  4. Open http://localhost:5173 in your browser

🎞️ Preview

πŸ”— Link

View Project

Releases

No releases published

Packages

No packages published