Skip to content

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

About

๐Ÿ‘ฝ Filter aliens using checkboxes with React and TypeScript ๐Ÿ›ธ

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published