- 🎨 Visual Design:
- Starfield animated background for immersive space feel.
- Color-coded categories (Films in yellow/orange, Characters in blue, Planets in purple, etc.).
- Glassmorphism effects with backdrop blur.
- Gradient accents matching Star Wars aesthetic.
🧭 Navigation:
- Category cards at the top for easy switching between Films, Characters, Planets, Vehicles, and Species.
- Active category highlights with scale animation.
- Color-coding makes each section instantly recognizable.
🔍 Functionality:
- Search bar that adapts to the active category
- Card-based layouts for displaying data
- Films shown as full-width cards with episode info
- Characters displayed in a responsive grid with avatar placeholders
📱 Responsive:
Mobile-friendly grid that adapts from 2 columns to 5 Cards that work well on all screen sizes
Vite uses the native ES modules feature in the browser to handle imports, while webpack and Parcel use a more traditional approach of bundling all the files together. This allows for faster development builds and hot module replacement with Vite source - medium by Erbil Nas
- React Js.
- TypeScript
- Vite.
- Tailwind Css.
● Hooks. ● Lifecycle methods.
Website should work on both web and smartphone sizes