My projects showcasing my growing skills in JavaScript, TypeScript, HTML, and CSS. The real-time updating feature enhances user experience, while the responsive design ensures it looks great on any device. By building this project, I've been able to apply the concepts I've learned in React and explore the powerful capabilities of Next.js, further enriching my web development journey.
I built a sleek and responsive weather widget using Next.js. The widget fetches real-time weather data and displays it in a user-friendly interface. It dynamically updates the temperature, weather conditions, and location details, providing an intuitive experience for users. The widget is fully styled using Tailwind CSS to ensure responsiveness and a clean, modern look across devices.
View ProjectThis project is a countdown timer application developed with Next.js and styled using Tailwind CSS. It allows users to set a countdown duration, visually displaying the remaining time with a modern and responsive design. The timer updates in real-time, ensuring users always have an accurate view of the countdown. Leveraging Next.js’s powerful features, this project demonstrates effective state management and the use of React components to create an interactive and user-friendly experience..
View ProjectA Static Resume Builder using HTML, CSS, and TypeScript is a web-based tool that allows users to generate a resume directly in the browser. The interface typically includes predefined sections (like personal information, education, work experience, and skills) that the user can fill out via input fields. Once completed, the data is rendered on the page as a static resume using HTML and CSS for layout and styling. TypeScript is used to handle form validation, manage user inputs, and dynamically update the resume preview based on the provided data.
View ProjectNow I am studying in Certified Cloud Applied Generative AI Engineer (GenEng) by Governor Sindh Kamran Khan