Skip to content

README.md

Latest commit

 

History

History
38 lines (24 loc) · 1.84 KB

README.md

File metadata and controls

38 lines (24 loc) · 1.84 KB

👽 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