Intro

I am pursuing my pre-engineering studies at TCF College, where I am developing a solid foundation in the principles of engineering. My coursework has fueled my passion for problem-solving and innovation, and I am eager to apply my knowledge in practical, real-world scenarios. Core knowledge in mathematics and physics -Hands-on experience with engineering software and tools -Strong analytical and problem-solving abilities -Keen interest in sustainable engineering solutions and technology advancements.

In parallel as an aspiring Alim-e-Deen, I am currently engaged in studying Dars-e-Nizami at Jamia Saleem during the night shift. This rigorous eight-year Sharia Scholar Course covers essential areas of Islamic jurisprudence, including Fiqh, Hadith, and Aqidah. My pursuit of traditional Islamic studies reflects a deep commitment to understanding and serving the Islamic faith and the Muslim community.

Additionally, I am expanding my technical expertise through a Web and Mobile App Development course at Saylani Mass IT Training. This training equips me with valuable skills in computer programming and app development, enhancing my versatility in the tech field.

Looking towards the future, I am eager to specialize in cybersecurity at a top university. My goal is to become a cybersecurity analyst, focusing on safeguarding data and systems from emerging cyber threats. This aspiration underscores my commitment to both my religious and technical pursuits, preparing me for a dynamic and impactful career in the cybersecurity industry.

Experience

Nasa Space Apps Challenge 2024 at NED University NSAC-24

Oct 2024 - Present

Participated in the grand NASA Space Apps Challenge Hackathon at NED University! It was an amazing opportunity to collaborate with talented innovators and problem-solvers on a global stage. Our team tackled the challenge of understanding and addressing the impact of greenhouse gases, contributing creative solutions aimed at building a more sustainable future. This experience not only deepened my understanding of environmental issues but also reinforced my passion for leveraging technology to make a positive difference. A big thank you to NASA and NED University for hosting such an inspiring and impactful event. Proud to be part of a community that believes in using science and innovation for the greater good!

Public Speaking House at Hira Foundation School (HFS)

Sep 2024

Represent TCF College at the prestigious Seerah Conference 2024, hosted by Hira Foundation School, Karachi. It was a humbling experience to deliver an Urdu speech on the profound and timeless teachings of Prophet Muhammad ﷺ, emphasizing his political and social leadership. The event brought together bright minds and passionate hearts, all inspired by the Seerah. Grateful for the recognition, the support, and the opportunity to engage in such an enriching dialogue. This certificate serves as a reminder of this memorable journey.

Class Reprensentator in TCF College

1st Aug - 30th Aug 2024

As Class Representative, I was entrusted with the incredible opportunity to represent my peers, ensuring their voices were heard, their concerns addressed, and their aspirations realized. This role allowed me to work closely with faculty and administration, facilitating open communication between students and staff to foster a transparent, productive learning environment. Through actively engaging in discussions, organizing meetings, and providing constructive feedback, I aimed to enhance both the academic experience and the sense of community on campus. I am committed to nurturing a supportive and engaging atmosphere for all students, helping them feel valued and motivated to achieve their best. This experience has deepened my dedication to teamwork, leadership, and advocating for positive change within our educational community.

Projects

01- Welcome Back: Login/Signup and Personalized Dashboard

This website allows users to log in or sign up with a username, then provides a personalized dashboard that greets the user by their name. Built using JavaScript, HTML, and CSS, it offers a straightforward and user-friendly experience.

Key Features

  • Login and Signup Functionality: Users can create an account or log in with their credentials to access their personalized dashboard.
  • Personalized Greeting: Once logged in, the dashboard greets the user by their name, enhancing the personal experience.
  • Real-Time Interactivity: JavaScript ensures smooth transitions between the login/signup page and the dashboard, providing instant feedback.

You can find source code here

02- Stay Organized: Simple To-Do List Powered by JavaScript

This To-Do website, built using JavaScript, HTML, and CSS, allows users to manage tasks efficiently. It offers an intuitive interface where users can add, mark, and delete tasks, all in real-time without page reloads.

Key Features

  • Task Management: Users can easily add, edit, and remove tasks with a simple interface.
  • Real-Time Interaction: Built with JavaScript, the website allows users to instantly update tasks without needing to reload the page.
  • Task Completion Toggle: Provides an option to mark tasks as completed or pending with a click.

You can find source code here

03- Vowel and Consonant Word Separator Tool

This interactive website uses JavaScript to quickly separate words based on their starting letter—vowel or consonant. Users can input text, and the site instantly classifies and displays words in two categories, making it a handy tool for exploring word structure or processing text efficiently.

Key Features

  • Intuitive Interface: A user-friendly design makes it easy for anyone to input text and view results without any technical knowledge.
  • JavaScript-Driven Logic: Utilizes efficient JavaScript functions to identify vowel and consonant beginnings, showcasing clean and manageable code.

You can find source code here

04- Two Player Dice Challenge: Who Will Win?

This website hosts a fun and simple two-player dice game powered by JavaScript. With each round, six dice are rolled to generate random numbers, and a winner is instantly declared based on the outcome. It’s an engaging, luck-based game perfect for quick entertainment and friendly competition.

Key Features

  • Two-Player Gameplay: Designed for two players, allowing for quick and friendly competitions.
  • Random Dice Rolls: Uses JavaScript to simulate the roll of six dice with random results each time, creating a fair chance for both players.
  • Instant Winner Declaration: The game instantly calculates the result based on the dice rolls, making it clear who won each round.

You can find source code here

05- Auto JS Carosel

This website features an automatic carousel that rotates through images or content on a timed interval using JavaScript. Designed for a smooth, hands-free experience, it’s perfect for showcasing slideshows or featured content without needing user input.

Key Features

  • Automatic Transition: Images or content transition automatically at set intervals, providing a seamless viewing experience.
  • JavaScript-Powered Timing: Uses JavaScript to control the timing of each slide, ensuring smooth and consistent animations.
  • Smooth Animation: Offers a visually appealing transition effect between slides to enhance the user experience.

You can find source code here

06- Calculate with Ease: JavaScript-Powered Calculator

This website provides a versatile calculator built with JavaScript, capable of performing basic arithmetic functions. With a clean and simple interface, users can perform quick calculations effortlessly, making it a handy tool for everyday use.

Key Features

  • Basic Arithmetic Operations: Supports addition, subtraction, multiplication, and division for quick and accurate calculations.
  • Clear and Reset Functions: Easily clear the current calculation or reset the calculator for a fresh start.
  • User-Friendly Interface: A minimalistic layout that ensures ease of use for all users.

You can find source code here

07- Generate Your Marksheet Instantly: Simple And Accurate

This website allows users to generate a marksheet by inputting subject marks, instantly calculating total marks, average, and grade. With a straightforward process, it’s an efficient tool for quickly producing marksheets without manual calculation.

Key Features

  • Subject Marks Input: Allows users to enter marks for multiple subjects easily.
  • Instant Calculation: Automatically calculates total marks, average, and grade based on input, saving time.
  • Clear Interface: Simple design that makes inputting data and reading results straightforward for any user.

You can find source code here

08- JavaScript Digital Clock: Accurate Time, Instantly Displayed

This website features a digital clock built with JavaScript, displaying real-time updates for hours, minutes, and seconds. The clock provides an accurate and stylish way to view the current time on any device.

Key Features

  • Real-Time Display:Continuously updates every second to show the current time accurately.
  • JavaScript FunctionalityUses JavaScript to manage time tracking and display, ensuring precision.

You can find source code here

09- Learn & Grow with Saylani Mass IT Training

This website serves as an informative platform for Saylani Mass IT Training, built using HTML and CSS for a clean and responsive design. It provides users with details about training programs, courses, and the benefits of Saylani’s IT initiatives.

Key Features

  • Structured Layout: Organized sections covering courses, objectives, and program benefits, offering easy navigation
  • Responsive Design: HTML and CSS are used to ensure a consistent user experience on both desktop and mobile devices.
  • Visually Appealing: CSS styling enhances readability and aesthetics, maintaining a professional look.
  • User-Friendly Navigation: Simple menu and links for easy access to all sections, enhancing the user experience.

You can find source code here

10- Salt N Paper First Page Clone: HTML & CSS-Only Replica

This website is a replica of the landing page of "Salt N Paper," created using only HTML and CSS. The site faithfully captures the original layout, styling, and design elements to deliver a similar user experience and aesthetic.

Key Features

  • HTML & CSS-Only Build: Uses pure HTML and CSS to achieve a clean and efficient codebase without external libraries.
  • Styled Elements and Typography: Carefully styled headings, fonts, and images to emulate the original page’s visual appeal.

You can find source code here

11- RJ Furniture Homepage Clone: HTML & CSS Precision Replica

This website is a replica of the landing page of "RJ Furniture," created solely with HTML and CSS. It accurately captures the design elements and layout, providing a visually consistent experience similar to the original.

Key Features

  • HTML & CSS-Only Build: Uses pure HTML and CSS to achieve a clean and efficient codebase without external libraries.
  • Styled Elements and Typography: Carefully styled headings, fonts, and images to emulate the original page’s visual appeal.
  • Precise Layout Matching: Faithfully replicates the structure and arrangement of "RJ Furniture"’s homepage elements.

You can find source code here

Elements

Text

This is bold and this is strong. This is italic and this is emphasized. This is superscript text and this is subscript text. This is underlined and this is code: for (;;) { ... }. Finally, this is a link.


Heading Level 2

Heading Level 3

Heading Level 4

Heading Level 5
Heading Level 6

Blockquote

Fringilla nisl. Donec accumsan interdum nisi, quis tincidunt felis sagittis eget tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan faucibus. Vestibulum ante ipsum primis in faucibus lorem ipsum dolor sit amet nullam adipiscing eu felis.

Preformatted

i = 0;

while (!deck.isInOrder()) {
    print 'Iteration ' + i;
    deck.shuffle();
    i++;
}

print 'It took ' + i + ' iterations to sort the deck.';

Lists

Unordered

  • Dolor pulvinar etiam.
  • Sagittis adipiscing.
  • Felis enim feugiat.

Alternate

  • Dolor pulvinar etiam.
  • Sagittis adipiscing.
  • Felis enim feugiat.

Ordered

  1. Dolor pulvinar etiam.
  2. Etiam vel felis viverra.
  3. Felis enim feugiat.
  4. Dolor pulvinar etiam.
  5. Etiam vel felis lorem.
  6. Felis enim et feugiat.

Icons

Actions

Table

Default

Name Description Price
Item One Ante turpis integer aliquet porttitor. 29.99
Item Two Vis ac commodo adipiscing arcu aliquet. 19.99
Item Three Morbi faucibus arcu accumsan lorem. 29.99
Item Four Vitae integer tempus condimentum. 19.99
Item Five Ante turpis integer aliquet porttitor. 29.99
100.00

Alternate

Name Description Price
Item One Ante turpis integer aliquet porttitor. 29.99
Item Two Vis ac commodo adipiscing arcu aliquet. 19.99
Item Three Morbi faucibus arcu accumsan lorem. 29.99
Item Four Vitae integer tempus condimentum. 19.99
Item Five Ante turpis integer aliquet porttitor. 29.99
100.00

Buttons

  • Disabled
  • Disabled

Form