WebDevJourney
This webpage serves as a platform to share my journey through the world of web development. I've created it with the goal of documenting my progress, displaying my skills, and offering insights into my experiences as a web developer. Whether you're an aspiring developer, a potential collaborator, or someone who appreciates the art of web development, this showcase offers a glimpse into my dedication to creating exceptional online experiences.
Explore My CreationsBrowse through a collection of web development assignments and projects.
Witness my journey of continuous learning and growth in web development.
Gain insights into the creative process behind each assignment and project.
Connect with a community of web development enthusiasts and learners.
I'm Subaiyal Rehan, a passionate web
developer on a mission to bring creative digital ideas to life. With
a keen eye for design and a love for coding, I'm dedicated to
crafting engaging web experiences that seamlessly blend aesthetics
with functionality.
I specialize in various web development technologies, including HTML, CSS, and JavaScript. These languages form the foundation of my work, enabling me to create dynamic and user-friendly web solutions. My interests also extend to responsive web design, user experience optimization, and staying up-to-date with the latest industry trends. I'm committed to refining my skills and staying at the forefront of web development innovation.
I am excited about the endless possibilities in web development. Looking ahead, I aspire to further refine my proficiency in front-end and back-end development, explore emerging technologies, and contribute to meaningful digital projects. My ultimate goal is to make a positive impact through technology, whether it's by creating captivating user experiences, collaborating on innovative web applications, or mentoring the next generation of web developers.
When I'm not deep in code, I'm diving into another kind of puzzle: Rubik's cubes. I've got a knack for solving those colorful brain-teasers in record time, and I won't deny that my coding mindset sometimes sees algorithms in those twisting patterns. 'Rubik's Cubing' isn't just a hobby; it's a way to keep my problem-solving skills sharp and my fingers agile. You could say I've got a love for both code and cubes, and I'm excited to take you along for the ride. Welcome to my world of coding, where we explore the digital realm together!
Step into my web development world, where digital creations come to life. This is the space where my assignments, projects, and web wonders reside, a testament to my passion for coding excellence. Whether you're here to learn, draw inspiration, or simply appreciate the art of web development, your journey begins right here.
Here, I present a collection of my personal web development assignments in HTML, CSS, and JavaScript. These projects are a testament to my journey in coding and reflect my commitment to mastering the art of web development. Dive into each assignment to see how I've tackled various challenges and crafted digital solutions.
Welcome to the HTML Assignments Showcase, where you'll find a collection of HTML assignments I've completed. Dive into the world of HTML and explore the projects I've crafted, each designed to enhance my web development skills and creativity. Feel free to click on any assignment to view its details and see the magic of HTML in action.
This assignment showcases a web page that provides a navigational structure for various pages and articles. It features links to 'About,' 'Services,' 'Contact Us,' and articles about animals, plants, and trees. The design incorporates clean styling with a focus on page organization and readability.
This assignment showcases a two-part web project. The first part, 'Students Data,' displays student information in a structured table format. The second part, 'Student Form Page,' provides a form for adding new student data. Both parts feature clean and organized designs, making it easy to view and input student details.
Welcome to the CSS assignments! In this section, we embark on a journey to master Cascading Style Sheets, a fundamental web technology for controlling the look and feel of web pages. It's important to note that these Assignments are entirely hand-coded, without the use of any libraries or frameworks. Get ready to explore the art of web design and layout as we delve into the world of CSS in our assignments.
In this CSS assignment, I've crafted a professional portfolio. Using CSS, I've styled the site's elements, including the navigation menu, header, skills section, and project showcases. This assignment showcases my CSS skills in creating a polished and functional web layout. However, please keep in mind that this assignment is not optimized for responsiveness.
This assignment is a replica of the official Apple website. The page includes a header with navigation, sections highlighting Apple products, and a footer with additional information and links. It aims to provide details about Apple products and encourage user engagement. However, please keep in mind that this assignment is not optimized for responsiveness.
This assignment involves replicating the official Samsung website using HTML and CSS. This project is an opportunity to display my proficiency in creating visually appealing web pages. However, please keep in mind that this assignment is not optimized for responsiveness.
This assignment focuses on meticulously crafting a web page that mirrors the appearance and structure of a Facebook profile. Using HTML and CSS, this project aims to replicate the design elements and features of the original Facebook profile.. However, please keep in mind that this assignment is not optimized for responsiveness.
This assignment is a replica of the official OLX website, showcasing various elements of the website. It mimics the header, product sections, and footer, aiming to capture the essence of OLX. Explore the design and layout to appreciate the web development effort put into creating this replica.
This assignment mirrors the design and functionality of the Glint website. It faithfully reproduces the layout, intricate design elements, and overall aesthetics of the original Glint website. By recreating this project, I aimed to delve into the intricacies of web development and showcase the meticulous effort and attention to detail put into capturing the essence of Glint.
The journey into JavaScript Assignments has officially kicked off. Brace yourself for a series of captivating coding tasks and projects that will expand your JavaScript prowess. It's time to dive into the world of dynamic web development and refine your programming skills. Get set for an engaging and rewarding experience!
This assignment showcases my thorough practice spanning chapters 1 to 17 of the JavaScript book. Covering variables, loops, functions, objects, and more, it represents my deep understanding of JavaScript fundamentals. While highlighting my foundational knowledge, I'm eager to apply these concepts to practical projects and expand my skills.
In this assignment, I've delved into an array of challenges encompassing chapters 31 to 40, showcasing my commitment to mastering advanced concepts and pushing the boundaries of my knowledge. Through meticulous problem-solving and exploration of intricate topics, this assignment serves as a testament to my dedication to continuous learning and growth in the field.
In this assignment, I've designed and implemented a functional calculator, demonstrating my proficiency in JavaScript and user interface design. Through careful consideration of user experience and meticulous coding, this project showcases my ability to translate concepts into practical, interactive applications.
In this assignment, I've developed a feature-rich TODO list application with a seamless user experience. Integrated with Firebase Authentication and Database, users can sign in securely, add, edit, delete tasks, and see them persistently saved to their account. With a polished UI and robust functionality, this project exemplifies my proficiency in front-end development, database integration, and user authentication.
Welcome to the Hackathon Chronicles! Here, I showcase my journey through various exhilarating hackathons. Each endeavor represents an immersion into the innovative world of coding, problem-solving, and creativity. Explore my projects crafted under adrenaline-fueled deadlines and witness the magic of rapid development and innovation in action.
I dedicated eight non-stop hours during a hackathon to craft a replica of the Unbrew website, showcasing a commitment to rapid development and attention to detail within a limited timeframe.
Welcome to my projects section, where I showcase a compilation of my personal web development endeavors created using HTML, CSS, and JavaScript. These projects embody my continuous learning and dedication to the world of web development. Dive into each one to witness how I've taken on unique challenges and crafted digital solutions along the way.
Welcome to QuizUp
, your ultimate destination for trivia fun! Dive into a world of endless challenges where you can create personalized quizzes, test your knowledge, and compete with friends. With features like user sign-up, log-in, and customizable quizzes, QuizUp offers a dynamic and engaging platform for trivia enthusiasts. Join the fun and start exploring QuizUp today!
Introducing Freeze
- Your Single-Page Ice Cream Heaven!
'Freeze' is your ultimate destination for ice cream delights,
all on a single, user-friendly page. Explore a variety of
classic and unique flavors, daily specials, and place orders
with ease. Your scoop of happiness is just a click away. Start
your ice cream adventure now!
Savor America's Finest at American Food
- Your One-Page
Culinary Getaway! 'American Food' - your passport to the
delicious flavors of America. Enjoy iconic dishes, from burgers
to pizzas, all on a single, tantalizing page. Please note that
it's a tasty adventure designed for non-responsive screens.
Treat your taste buds today!
Welcome to Shop Shop
- Your Single-Page Shopping
Paradise! 'Shop Shop' is your go-to destination for a delightful
shopping experience, offering a diverse range of products, all
conveniently presented on a single page. 'Shop Shop' has
something for everyone. Find your favorite items and shop with
ease!
By filling this form
