About
I am a IT student currently pursuing my Information Technology (IT) Diploma at Red-C Institute of Engineering & Technology, Islamabad.
As a Full Stack Web Developer, I spec... Show more
- Home
- Tags
- Launches
- Videos
- Groups
- Jobs
- Developers
- Users
- Join CoderLegion — Where Coders Unite to Learn, Share, and Grow!
yasirawan4831
@YasirAwan4831
Muhammad Yasir
Full Stack Web Developer | Passion for Clean Code, Smart UI & Data-Driven Soluti...
About
Top Skills
HTML
•
CSS
•
JavaScript
•
React
•
TypeScript
•
Vite
•
Node.js
•
PHP
•
Python
•
MongoDB
•
MYSQL
•
API Integration
•
API
•
GIT
•
GitHub
•
WordPress
•
Canva
•
Figma
•
OpenAI
Experience
Front-End Development
DevelopersHub Corporation©
Nov 2025 - Dec 2025Worked as a Frontend Developer Intern at DeveloperHub Corporation, where I gained hands-on experience in building modern, responsive and user-focused web applications in a professional development environment.
During this internship, I worked extensively with JavaScript, React, Tailwind CSS and Vite focusing on creating clean UI components, reusable layouts and interactive user experiences..
Key responsibilities & work highlights:
☉ Developed responsive web pages using HTML5 & CSS3
☉ Built dynamic interfaces using JavaScript and React
☉ Worked with Element CSS / UI components for modern layouts
☉ Designed and implemented dashboard UI designs
☉ Created Login & Signup systems with:
☉ Strong password validation
☉ OTP-based flows (UI side)
☉ Implemented responsive design for multiple screen sizes
☉ Designed Payment UI screens and user-friendly payment flows
☉ Followed clean code practices and UI consistency standards
☉ Collaborated in a team environment and handled real-world development tasks
This internship strengthened my understanding of front-end architecture, component-based development and real project workflows and helped me grow both technically and professionally as a front end-developer.
Front-End Development
Apexcify Technologies
Nov 2025 - Dec 2025I successfully completed a Frontend Development Internship at Apexify Technologies, where I worked on multiple hands-on projects focused on building responsive, user-friendly and modern web interfaces.
During this internship, I gained practical experience in:
• Designing and developing responsive web layouts using HTML and CSS
• Implementing interactivity and functionality using JavaScript
• Structuring clean and maintainable frontend code
• Working on real-world internship tasks with proper project documentation
Key projects completed during the internship:
• Personal Portfolio Website – a modern, fully responsive portfolio showcasing skills, projects, education and contact information
• Product Listing / E-commerce Website – a frontend-based e-commerce interface including product listing, cart functionality and authentication pages
• Calculator Web Application – a functional and interactive calculator built using HTML, CSS and JavaScript
This internship significantly improved my frontend development skills, problem-solving ability and understanding of real-world project workflows.
Repo Link https://github.com/YasirAwan4831/ApexcifyTechnologys-FrontendInternship
Career Development Internship
Pakistan Career Fair
Nov 2025 - Jan 2026Pakistan Career Fair – Skills4U
Worked as a Career Development Intern under Pakistan Career Fair – Skills4U where I focused on developing professional, digital and career-building skills through structured training and practical tasks.
During this 6-week internship program, I worked on practical projects and gained hands-on experience in:
○ Personal Branding & Professional Presence
○ LinkedIn Profile Optimisation
○ Soft Skills & Communication
○ Digital Skills for Career Growth
○ Resume building and professional documentation
○ Social Media Management, Designing and AI Tools
○ Freelancing, Teamwork and Digital Workflow
○ Understanding modern hiring and career development practices
This internship helped me improve my professional mindset, online visibility and confidence preparing me for internships and entry-level roles in the tech industry.
Education
RED-C Institute of Engineering & Technology
Information Technology Diploma, Information Technology
2024 - 2026I am currently pursuing IT Diploma from the Red C Institute of Engineering & Technology Islamabad, where I am building strong practical skills in computer applications and modern IT tools.
Projects
Personal Portfolio Website – Full Stack Front-End Project
Visit Project open_in_new Jan 2026 - Feb 2026Designed and developed a modern, fully responsive and SEO-optimized personal portfolio website to showcase my professional journey, technical skills and real-world projects.
Built using React.js and modern JavaScript bundled with Vite and deployed on Vercel for high performance and scalability.
The project demonstrates my ability to build production-ready web applications with a strong focus on UI/UX, performance optimization and clean architecture.
???? Key Features
☉ Modern single-page application (SPA) architecture
☉ Clean and professional UI/UX design
☉ Fully responsive layout for all devices
☉ Dedicated sections including:
• Home • About Me • Projects • Education • Experience • Services • Skills & Tools • Contact
☉ Integrated Contact Form with API handling
☉ SEO-optimized structure for better search visibility
☉ Performance-focused build using Vite
☉ API integration using Fetch API
☉ Clean project structure with NPM-based workflow
☉ Deployed and maintained on Vercel
This project demonstrates my ability to design, develop, optimize and deploy real-world web applications suitable for Portfolio, freelance, startup and professional environments.
Skills: React · JavaScript · Frontend Development · UI/UX Design · SEO Optimization · Vite · API Integration · Responsive Design · Web Performance · Vercel · NPM
Futuristic Links Dashboard (JavaScript Project)
Visit Project open_in_new Jan 2026 - Jan 2026A futuristic, fully JavaScript-driven links dashboard designed to showcase developer portfolios and social profiles.
This project focuses heavily on vanilla JavaScript for dynamic content rendering, UI logic and interactivity. It includes GSAP-powered animations, interactive link cards, an AI-style animated background and a smooth dark/light theme toggle.
Built to demonstrate strong front-end fundamentals, animation handling, DOM manipulation and clean project structuring—ideal for modern web interfaces and portfolio-based applications.
GitHub Repo Link: https://github.com/YasirAwan4831/futuristic-links-dashboard
NEXUS – Business & Investor Dashboard Project
Visit Project open_in_new Dec 2025 - Jan 2026Associated with DevelopersHub Corporation© (Internship Task)
Rebuilt and customised a modern, enterprise-level frontend application as my second internship project at DeveloperHub Corporation©.
This project focused on building a next-generation business and investor platform with complex UI flows and real-world features.
The application was primarily built using TypeScript (97%), with React / Next.js, focusing on scalability, clean architecture and advanced UI/UX patterns.
Key features & work highlights:
☉ Secure Login & Signup system with OTP-based authentication
☉ Welcome popup flow followed by dashboard entry
☉ Role-based Investor & Entrepreneur dashboard
☉ Meeting scheduling system with calendar integration
☉ Video call feature (UI flow)
☉ Investor Management System
☉ Document Chamber for uploading and managing documents
☉ Transaction system including:
• Deposit • Transfer • Withdraw
☉ Interactive Dashboard UI with transaction summaries
☉ Funding flow mockups for investors and entrepreneurs
☉ Advanced Navigation bar and content routing
☉ Responsive, modern UI/UX design
☉ Styled using PostCSS, Tailwind CSS, .env example and modular styling
Environment configuration using .env
This project significantly strengthened my skills in complex front-end systems, TypeScript-heavy applications, dashboard architecture and real-world business workflows.
Skills: TypeScript • React • Next.js • Frontend Development • Dashboard Development • UI/UX • Investor Systems • Authentication • Responsive Design • Modern Web Apps Skills: UI Design, Dashboard Entry, +4 skills
E-Commerce Store Website (Internship Task)
Visit Project open_in_new Nov 2025 - Dec 2025Built a responsive E-Commerce Store website as Task 1 during my Front-end Developer Internship at DeveloperHub Corporation©. This project focused on creating a clean, user-friendly shopping interface with modern frontend practices.
The website includes a structured layout, product presentation and intuitive UI elements to simulate a real-world e-commerce experience.
Key features and work highlights:
☉ Responsive E-commerce UI design
☉ Product listing and structured layout
☉Clean and organised HTML & CSS architecture
☉ Interactive elements using JavaScript
☉ User-friendly navigation and layout flow
☉ Practice of real internship task requirements
☉ Focus on UI consistency and responsiveness
☉User Authentication System (Login & Signup)
☉ User Profiles with basic account management
☉Add to Cart functionality with cart overview
☉ Payment UI option for checkout flow
☉ Shipping Information section for order details
☉ Integrated Blog section for content publishing
☉ User-friendly navigation and layout flow
☉ Practice of real internship task requirements
☉ Focus on UI consistency and responsive design
This project helped me strengthen my understanding of Front-end development workflows, real internship & Industry task handling and building production-style web interfaces.
Skills:
Frontend Development Internship Projects
Visit Project open_in_new Nov 2025 - Jan 2026Associated with Apexcify Technologies
This project represents my complete Frontend Development Internship work at Apexcify Technologies, organized within a single GitHub repository. The repository contains three independent frontend projects, each developed as a separate task during the internship. Every project follows clean folder structure, proper documentation and responsive design principles. The goal of this repository is to demonstrate my practical frontend skills, learning progress and ability to build real-world web interfaces using core web technologies. Projects Included in This Repository: Personal Portfolio Website
A fully responsive portfolio website showcasing my skills, projects, education, experience, services and contact information with a modern and professional layout.
Product Listing & E-commerce Frontend Website
A frontend-only e-commerce website featuring product listing, add-to-cart functionality, cart page and login/signup pages to simulate a real-world shopping experience.
Modern Calculator Web Application
A responsive calculator built using HTML, CSS and JavaScript with keyboard support and clean UI design.
All projects are documented with individual README files and the repository also includes an internship overview, license and submission documentation. Key Highlights Three complete frontend projects in one repository
Clean and well-structured codebase
Fully responsive designs
Modern UI and user-focused layouts
Proper documentation and version control using Git & GitHub
Skills: UI/UX Design, Web Development, +5 skills
code
SecurePass Generator
Visit Project open_in_new Oct 2025 - Oct 2025ntroduction:
A Progressive Web App (PWA) designed to generate secure, random and customizable passwords for modern users who value privacy and data protection.
The project combines functionality with an elegant, responsive interface — built using best practices in front-end development and web security principles.
Key Features:
Custom Password Generation: Users can choose password length, symbols, and complexity levels.
Theme Manager: Built-in light/dark mode for user comfort.
Password Strength Checker: Real-time visual feedback on password strength with instant alerts.
Clipboard Integration: One-click copy functionality.
Offline Ready (PWA): Works even without internet, using service workers.
Responsive UI: Optimized for both desktop and mobile screens.
Skills & Technologies:
HTML | CSS | JavaScript (Modules) | Responsive Design | UI/UX | PWA | Version Control (Git/GitHub)
Web Development Quiz App
Visit Project open_in_new Sep 2025 - Sep 2025Introduction:
An interactive quiz application developed to assist students in preparing for viva exams, technical tests and self-assessments.
A modern quiz app built for academic practice with timed MCQs and smart anti-cheating features to ensure a focused and fair learning environment.
Key Features:
Login System: Users enter their name to begin personalized quizzes.
Timer-Based Questions: Each question is restricted by a countdown timer.
Scoring System: Automatic evaluation with instant feedback on correct/incorrect answers.
Copy & Print Protection: Right-click disabled, text selection blocked, keyboard shortcuts restricted and secure printing enabled.
Responsive Design & Animations: Smooth transitions, interactive UI, and mobile-friendly design.
Result Summary: Displays total score at the end of the quiz.
Modern Login/Signup Page with Forgot Password
Visit Project open_in_new Aug 2025 - Sep 2025Developed a responsive and interactive login system using HTML, CSS and JavaScript.
Features include login, signup, and forgot password forms, client-side validation and smooth form toggling animations.
Designed with a glass morphism UI and optimized for both desktop and mobile devices.
Python Image Processing
Visit Project open_in_new Aug 2025 - Aug 2025A Python-based computer vision project using OpenCV, focused on real-time image processing and analysis. It demonstrates core Python programming concepts, computer vision logic and practical use of popular libraries in real-world scenarios.
To-Do List Web Application
Visit Project open_in_new Aug 2025 - Aug 2025Built a clean and responsive To-Do List Web Application using HTML, CSS, and JavaScript.Features include task creation, editing, and deletion with smooth interactivity and a user-friendly UI.
The code is fully commented and structured, making it easy to read and understand even for beginners.
A simple and interactive To-Do List application built with HTML, CSS and JavaScript. Features include add, edit, delete tasks and data persistence using localStorage.
Future improvements:
dark mode, reminders, task counter, and export/import options.
Final Year Diploma Web Project
Visit Project open_in_new Jun 2025 - Aug 2025A fully modern and professional Business Website Project developed as part of the Final Year IT Diploma. It showcases a real-world business website with elegant design, smooth animations, responsive layout and dynamic interaction — built to meet industry standards with creativity and technical precision.
A multi-page Business web application built as a FYP, featuring a structured UI, dynamic content, animations, a responsive layout & modules highlighting key front-end skills.
Sills: HTML, CSS, JavaScript, React, UX/UI, Animations, Git & GitHub, DOM Manipulation, Responsive Design
Language & Tools
HTML5, CSS3, JavaScript (ES6+), React.js (learning), Tailwind CSS, Bootstrap, Python (basic), Flask (learning), MySQL, Git & GitHub, VS Code, REST APIs (basics), Responsive Web Design.
chevron_left