All My Projects
▸
Netflix clone
Landing page of Netflix with a responsive design and smooth animations
- ✨Built a fully responsive UI using HTML, CSS, and @media queries
- ✨Managed images efficiently, using techniques like object-fit to ensure consistent presentation of content across devices
- ✨Cloned the Netflix homepage layout, including the hero section, banner images, and movie thumbnails
- ✨Ensured basic SEO best practices such as using semantic HTML tags (like article, section, and header)
HTML
CSS
JavaScript
Reusable utility classes
▸
PassOP/
Your own password manager with secure storage system
- ✨Implemented reusable components for input fields, password entries, and modals
- ✨Integrated copy to clipboard functionality for passwords with a single click
- ✨Added feedback using toast notifications (e.g., “Password Copied”)
- ✨Displayed in a secure, scrollable list with hidden password toggle
- ✨Used React Context API to manage password state and UI logic
HTML
CSS
JavaScript
Next.js
React.js
Tailwind
LocalStorage
React Context API
Toastify
MongoDB
▸
Weather App
Weather app with a responsive design and smooth animations
- ✨Utilized OpenWeatherMap API to fetch real-time weather data
- ✨Detects user’s current location using the Geolocation API and fetches weather accordingly on load
- ✨Used REST API to fetch data securely using an API key stored in .env.local
- ✨Followed best practices for modular, responsive design, readable code
HTML
CSS
JavaScript
Next.js
React.js
Tailwind
OpenWeather API
▸
iTask
Your own task manager with a responsive design and smooth animations
- ✨Supports CRUD operations with real-time UI updates and persistent data storage
- ✨Tasks can be marked as completed
- ✨Styled with Tailwind CSS or CSS Modules for a responsive and clean UI
- ✨Tasks are saved using LocalStorage
HTML
CSS
JavaScript
Tailwind
Bootstrap
Localstorage
