HELLO

I'm Yali

a Web Developer

Welcome to my web developer Portfolio! I'm Yali,a recent graduate and an enthusiastic Web Developer excited to embark on my journey in the tech industry. With a solid foundation in HTML, CSS, JavaScript, TypeScript and React. I am passionate about creating engaging and user-friendly websites.

View My Resume Hire Me
Profile Picture

About me

I'm a frontend developer with a background in electronics and teaching, currently based in Stockholm. I'm looking for junior frontend developer opportunities and passionate about user-friendly design and interactive web experiences.

Skills

Experience

Education

  • Languages
    JavaScript, TypeScript, Python
  • Web Technologies
    HTML, CSS, Bootstrap, tailwindcss, jQuery, React
  • Framework & Libraries
    React, Node.js, Express.js, Next.js, Django
  • Tools & Platforms
    Git, Scrum, Trello, Rest API, Notion
  • IT Security
    OWASP Top 10, Kali Linux and Metasploitable, Bettercap, Burp Suite, Hashcat, Snort, BeEF, pfSense...
  • Cloud Services
    Azure (Storage Accounts, App Services, Databases, Functions)
  • Design & Other
    AutoCAD, Photoshop, Figma
  • Sichuan Modern Vocational College, Chengdu
    Director of electronics group, 2010.4 – 2018.2
    • Taught courses in sensors, AutoCAD, circuit analysis, simulation, and other related subjects.
    • Directed the electronics teaching program, managing faculty tasks, developing training curricula, and establishing an experimental lab.
    • Led the creation of a three-year training program, revamped laboratory setups, and founded an internship center.
  • Sichuan Aerospace Vocational College, Chengdu
    Lecturer, 2005.8 – 2009.7
    • Delivered lectures on electronic instrumentation and measurement, sensor principles and applications, basic circuit analysis, and other related subjects.
  • Frontend Developer, Hyper Island, Sweden
    2024.8 – 2026.3 (Coursework Completed)
    Completed a 10-phase intensive program focused on modern frontend technologies and real-world project development.
    • • Built multiple individual and team projects, such as:
      •    - A movie search websiteusing React, JavaScript, and Tailwind CSS.
      •    - A doctor management system with Figma UI design, React frontend, and Express.js + MongoDB backend.
    • • Gained hands-on experience in:
      •    - Responsive UI development with Tailwind CSS.
      •    - Component-based architecture in React + TypeScript.
      •    - RESTful API design & integration.
      •    - Routing, state management, and form validation.
      •    - Version control and team collaboration with Git.
    • • Final module project: Designed and developed an interactive 3D scene of my hometown using A-Frame, React, and JavaScript, featuring:
      •    - A lantern-lighting mini-game
      •    - Clickable panda images with pop-up descriptions
    • All advanced modules completed. Currently preparing for the final internship phase.
  • System Developer Python/IT security, Lexicon Education, Sweden
    2021.9 – 2022.2
    The course (yrkesutbildning) started with Web development in Python. As a part of this course, we created a blog site with Django and programmed in Python, HTML, and CSS. Many programming tools were used during the course, e.g. Visual Studio Code, GitHub, Postman etcetera. The course also covered IT security and Cloud.
  • Electronic Information Technology, Chengdu University of Technology, China
    2001.9 – 2005.6
    Bachelor of Engineering
  • Business Administration, University of Science and Technology of China, China
    2004.3 – 2005.7
    Bachelor of Administration
My services
code

Web Developer

I specialize in building responsive and user-friendly websites using HTML, CSS, JavaScript, TypeScript, and React. With a solid foundation in modern web development, I can help bring your ideas to life — from clean layouts to interactive components.

apps

Full-Stack Developer

I develop full-stack web applications using React for the frontend and Node.js, Express, and MongoDB for the backend. I'm experienced in creating RESTful APIs and building seamless connections between the client and server sides.

3D

Interactive Web Experiences

I create immersive and interactive web experiences using A-Frame, React, and JavaScript. From 3D environments to mini-games and dynamic user interactions, I bring creativity and engagement into the browser.

My Portfolio

Weather Forecast App

A simple weather app that shows real-time weather for cities worldwide. It displays temperature, weather, humidity, and wind, with dynamic background changes based on conditions and time. Search history is saved for quick access.

VR Street

VR Street is an interactive A-Frame VR experience inspired by Chengdu's vibrant streets, featuring lanterns, food stalls, and pandas. Users interact with objects via VR controllers, with lighting, sound, and animation enhancing immersion.

Movie Database App

This movie app allows users to browse, search, and view details about movies. It uses the TMDB API to retrieve movie data, including trailers and cast information.

E-commerce Store

Developed a JS-based e-commerce store with product fetching, cart management, localStorage persistence, and basic UI testing, focusing on performance and collaboration with Scrum.

Medical Management System

A medical management system using React, Express, and MongoDB with doctor auth, patient CRUD, proper HTTP status handling. Frontend on Netlify, backend on Render.

Classic Snake Game

A classic Snake game built with TypeScript and modular design. The snake grows longer and moves faster after eating food. Includes smooth controls and scalable, real-time game logic.

Studio Website

A modular developer studio website built with HTML, CSS, and JavaScript, featuring reusable components and Webpack bundling to demonstrate collaboration, structure, and clean front-end development practices.

Perfume Store

This is a niche perfume website built with React, Vite, and JavaScript... Aimed at young users, it offers core features for fragrance discovery and education. The project is still in progress.

Etch A Sketch

Draw with Color! Hover over the grid to reveal colors that get darker each time. Customize the grid size and enjoy this fun, interactive digital sketchpad experience!

Todo List

A modular JavaScript Todo List web app with localStorage support, enabling users to add, delete, and manage daily tasks efficiently in a responsive UI.

See more
Contact Me

yali.zhang.2019@gmail.com

+46 707892297

Download CV