Key Features
- Interactive technology selection with visual indicators
- Real-time add/remove to personal stack
- Duplicate prevention logic for technologies
- Toast notifications for instant user feedback
- Clean UI with modern gradient styling
- Sticky navigation and fully reusable components
Challenges Faced
Managing real-time state for adding and removing technologies efficiently, preventing duplicates in the array, and ensuring smooth toast notifications for every user interaction.
Future Improvements
Implementing local storage to persist the selected tech stack across sessions, adding a search function to filter technologies, and introducing a dark mode for better accessibility.
Tech Stack
React.js
Vite
TypeScript
Tailwind CSS
React Toastify