About me
As a frontend developer and teacher at Aptech, I bring both hands-on experience and teaching ability to my work. I'm really good at taking designs from Figma and turning them into clean and precise HTML and CSS code. Teaching at Aptech lets me share this skill with others, helping them understand frontend development step by step. Whether I'm teaching in class or working on code, my goal is to give people the knowledge and skills they need to succeed in web development, which is always changing and growing.
Skills
Matric Board of Secondary Education Karachi
Metropolis Academy School
Subject : Bilogy
IntermediateBoard of Intermediate Education Karachi
New Fazaia Intermediate College Fasail
Subject :Pre-Engineering
Bscs(bachelors In Computer Scinence) Indus University
Subjects : Basic Electronics, Calculus, Object Oriented Programing, Data Structur algorithm, Digital Image processing, Digital Logic Design, Information Security, Opearting System, Compiler Construction, Theory Of Automata, Arificial Intelligence
Oracle DBA Certification Saylani (NAVTTC)
Sql, plsql, oracle form 6i, oracleApex
Aptech Learing Institute Associate Faculty
Dynamic teacher with a track record of success in quick learning and instructing. capable of working with a wide range of technologies, including IoT networking, IoT hardware, PHP, MySQL, R machine learning, SEO, site design, and web development. successfully overcame the difficulty of learning and teaching these topics in a short amount of time, demonstrating a strong will to succeed and good communication abilities.
360 Digital EyesGraphic Designer & Video Editor
Create Social Modia Post and Video Editing
Other Exprience
work as a network and hardware supporter and serve as a digital logic design teacher.
Recent Work
Glassmorphism Form
Presenting an innovative project showcasing a Glass Morphism design – an aesthetically pleasing Sliding Login and Signup form. Meticulously crafted, the sleek and modern user interface seamlessly integrates form and function. Elevate user experiences with this captivating design, exemplifying my commitment to delivering engaging and intuitive interfaces
- Create: 1-Aprail-2022
- Technology used: HTML,Css & Javascript
- Role : Frontend for Login and signup
- View Live : Click here
- Source Code : Click here
Typing Speed App
Designed a web-based typing test application using HTML, CSS, and JavaScript. Incorporated features for assessing typing speed and accuracy. Implemented real-time feedback for users and integrated a spell-checking function. Created an engaging user interface for an interactive typing experience.
- Create: 5-Dec-2022
- Technology used: HTML,CSS & JavaScript
- Role : Typing Tester
- View Live : Click here
- Source Code : Click here
PSD to Web Template Conversion
"In this project, I used HTML and CSS to fluidly convert a PSD design into a completely working and responsive website.
- Create: 1-June-2023
- Technology used: HTML,Css,JavaScript,Owl-Carusel
- Role : Frontend Design Web Template
- View Live : Click here
- Source Code : Click here
Banking Web App
This JavaScript project is a simple banking application that allows users to perform essential financial transactions. Users can log in with their email, check their account balance, deposit or withdraw cash, and transfer money to other users. The application employs local storage to maintain user data, providing a straightforward and accessible banking experience.
- Create: 1-Jul-2023
- Technology used: HTML,CSS ,JavaSCRIPT With HTML2PDF libray
- Role : Frontend
- View Live : Click here
- Source Code : Click here
Figma to HTML
Translating Figma designs into responsive and visually appealing web interfaces using HTML, CSS, and Bootstrap, ensuring seamless integration of design concepts into the final user interface
- Create: 1-Jan-2024
- Technology used: HTML CSS, Bootstrap
- Role : Frontend
- View Live : Click here
- Source Code : Click here
Wordpress Website
I've crafted a WordPress template specifically designed for cleaning service providers, ensuring a seamless platform to showcase your services effectively.
- Create: 1-Apri;-2024
- Technology used: Wordpress, Elementor Pro
- Role : Wordpress Template
- View Live : Click here
- Source Code : Click here
React Website
React Website Template
- Create: 10-April-2024
- Technology used: React JS
- Librarises used: React-Vite, React-Tailwind, Rect-Icons, React-Scroll & Motion-Frame
- Role : React Template
- View Live : Click here
- Source Code : Click here
Fake Store API
Create an interactive product catalog using JavaScript by fetching and filtering items from the Fake Store API. This project demonstrates how to access the API, retrieve product data, and implement real-time search and filtering features.
- Create: 1-March-2024
- Technology used: HTML CSS JavaScript & Fake Store Api
- Role : fetching and filtering items from the Fake Store API.
- View Live : Click here
- Source Code : Click here
React Web For Student Learning
Workable Wenawa" is a modern web development portfolio showcasing projects built with Vite and React, highlighting the creator's skills in creating responsive and interactive web applications.
- Create: 1-July-2024
- Technology used: React + Vite , HTML & CSS, React-Bootrap, Bootstrap Carousel, React Icons ,
- Role : Web Template.
- View Live : Click here
- Source Code : Click here
React Web For transportation
Tranportation React website with cool animations and modern Javascript
- Create: 1-Aug-2024
- Technology used: React + Vite , HTML & CSS, React-Bootrap, Bootstrap Carousel, React Icons ,
- Role : Web Template.
- View Live : Click here
- Source Code : Click here
Tailwind Social Followers
Tailwind Social Followers Table
- Create: 1-Aug-2024
- Technology used: HTML & Tailwind
- Role : Social Trending FOllowers
- View Live : Click here
- Source Code : Click here
contact me
AbdulRafay700@gmail.com
phone
03122964856