WELCOME TO

Portfolio Projects

Placeholder Image

web bubbles

i have graduated from the 3-year program gaining hands-on experience in front-end development, user interface design, and responsive layouts. as a member of the program's advisory board, i helped to guide curriculum decisions and mentor newer students. my project work has consistently centered around stem-related themes, allowing me to explore the intersection of technology, design, and real-world problem solving.

over the course of my high school years, i have developed knowledge on java and javascript. i am currently learning python and increasing my knowledge on aritificial intelligence and machine learning.

the web design pathway program

2022-2025

click on the boxes to add color :)

Web Design Level 1: Foundations

Level 1: Core Fundamentals ✨

In Level 1, we lay the groundwork for your web design journey. You'll dive into the essentials, starting with **basic Photoshop skills** to understand image manipulation, optimization for web, and design mockups.

Next, we mastered **HTML (HyperText Markup Language)**, the backbone of all web pages. You'll learn to structure content, create links, add images, and organize information effectively. Alongside HTML, you'll delve into **CSS (Cascading Style Sheets)**, learning how to style your web pages with colors, fonts, layouts, and responsive designs.

Key Skills Acquired:

  • Photoshop Basics: Image editing, slicing, and preparing graphics for the web.
  • HTML Structure: Semantic HTML, document flow, and accessible markup.
  • CSS Styling: Selectors, properties, box model, layout techniques (Flexbox & Grid), and basic responsiveness.
  • Color Theory & Application: Understanding color palettes, hexadecimal and RGB color codes, and their psychological impact on design.

Web Design Level 2: Interactive Development

Level 2: Dynamic & Responsive Design 🚀

Building on your foundational knowledge, Level 2 propels you into creating interactive and dynamic web experiences. The primary focus here is on **JavaScript**, the programming language that brings web pages to life. You'll learn core programming concepts, DOM manipulation, event handling, and how to create engaging user interfaces.

To accelerate your development workflow and ensure responsiveness across devices, you'll gain expertise in **building with Bootstrap**. This popular front-end framework will teach you how to quickly construct elegant and mobile-first designs with pre-built components and a robust grid system.

Key Skills Acquired:

  • JavaScript Fundamentals: Variables, data types, functions, control flow, and object-oriented programming basics.
  • DOM Manipulation: Interacting with HTML elements to create dynamic content and user experiences.
  • Event Handling: Responding to user interactions like clicks, hovers, and form submissions.
  • Bootstrap Mastery: Utilizing Bootstrap's grid, components (navbars, carousels, forms), and utilities for rapid prototyping and responsive design.

Web Design Level 3: Professional Practice

Level 3: Real-World Web Solutions 🌐

Level 3 is where your skills culminate in practical, client-focused projects. This stage integrates your learning with **NJIT's curriculum**, focusing on **work-based learning projects**. You'll apply all your HTML, CSS, JavaScript, and Bootstrap knowledge to tackle real-world scenarios.

A core component of this level is **collaborating directly with clients** from concept to deployment. You'll learn vital soft skills like client communication, requirements gathering, project management, and iterative development to ensure you **produce a desired website** that meets their specific needs and vision. This hands-on experience prepares you for a professional career in web design.

Key Skills Acquired:

  • Full Project Lifecycle Management: From initial brief to final delivery.
  • Client Communication: Understanding client needs, managing expectations, and presenting solutions.
  • Portfolio Development: Building a robust portfolio of real-world web projects.
  • Team Collaboration: Working effectively in a project-based environment.
  • Problem-Solving & Debugging: Applying advanced techniques to resolve complex web development challenges.

junior year coding projects

learn more about my passions, hobbies, and interests! sometimes you'll find me locked in for work, and other times i will be another dimension sleeping.

Card 1

Portfolio Projects

my portfolio includes responsive web design projects that highlight clean layouts, strong visual design, and user-focused functionality. beyond classwork, i've taken on independent projects: from ai to journalism.

Learn More
Card 2

My Vision

my vision is to leverage artificial intelligence to support and empower underrepresented children by providing accessible educational resources and innovative tools. through ai, i strive to create opportunities that foster learning, creativity, and equal access to technology, helping bridge the digital divide and inspire future success.

Learn More
Card 2

Contact Me

i welcome connections and collaborations through email and linkedin, and am open to exploring opportunities to work with others on meaningful projects.

linkedin: saanvi jaswal

Email Me

senior year coding projects

learn more about my passions, hobbies, and interests! sometimes you'll find me locked in for work, and other times i will be another dimension sleeping.

Card 2

My Vision

my vision is to leverage artificial intelligence to support and empower underrepresented children by providing accessible educational resources and innovative tools. through ai, i strive to create opportunities that foster learning, creativity, and equal access to technology, helping bridge the digital divide and inspire future success.

Learn More
Card 2

My Vision

my vision is to leverage artificial intelligence to support and empower underrepresented children by providing accessible educational resources and innovative tools. through ai, i strive to create opportunities that foster learning, creativity, and equal access to technology, helping bridge the digital divide and inspire future success.

Learn More
Card 2

My Vision

my vision is to leverage artificial intelligence to support and empower underrepresented children by providing accessible educational resources and innovative tools. through ai, i strive to create opportunities that foster learning, creativity, and equal access to technology, helping bridge the digital divide and inspire future success.

Learn More