Hi I'm Wen Zhao
Frontend Developer
Wen is a budding junior frontend developer passionate about crafting seamless user experiences on web and mobile. With a strong foundation in HTML, CSS, and JavaScript, I thrive on the challenges of turning concepts into interactive and visually appealing web applications. Whether it's experimenting with new frameworks like React or diving into responsive design principles, I'm constantly eager to learn and grow in this dynamic field. Let's build something amazing together!
Tech Stack
Technoloies I've been working with
'%3e%3cpath%20d='M7.5%207.5H127.5V127.5H7.5V7.5Z'%20fill='%23F5DE19'/%3e%3cpath%20d='M78.0338%2089.5313C78.9284%2091.3485%2080.3183%2092.8759%2082.0434%2093.9375C83.7684%2094.9991%2085.7584%2095.5515%2087.7838%2095.5313C91.8713%2095.5313%2094.485%2093.4875%2094.485%2090.6562C94.485%2087.2812%2091.8%2086.0738%2087.3%2084.105L84.8325%2083.0475C77.7075%2080.0138%2072.9825%2076.215%2072.9825%2068.1825C72.9825%2060.7838%2078.6075%2055.1475%2087.4313%2055.1475C90.2877%2054.9412%2093.1416%2055.5805%2095.637%2056.9856C98.1324%2058.3907%20100.159%2060.4994%20101.464%2063.0488L93.75%2067.98C93.2476%2066.716%2092.3728%2065.6345%2091.2416%2064.879C90.1105%2064.1236%2088.7764%2063.7298%2087.4163%2063.75C86.8229%2063.6906%2086.2236%2063.7555%2085.6567%2063.9404C85.0897%2064.1254%2084.5675%2064.4265%2084.1234%2064.8244C83.6792%2065.2224%2083.3228%2065.7085%2083.0769%2066.2518C82.831%2066.7951%2082.7009%2067.3837%2082.695%2067.98C82.695%2070.9388%2084.5288%2072.1388%2088.7625%2073.98L91.23%2075.0375C99.615%2078.6338%20104.355%2082.2975%20104.355%2090.5363C104.355%2099.42%2097.3763%20104.287%2088.005%20104.287C84.3537%20104.52%2080.713%20103.691%2077.5223%20101.901C74.3317%20100.11%2071.7274%2097.4342%2070.0238%2094.1962L78.0338%2089.5313ZM43.1775%2090.3863C44.7263%2093.135%2046.1363%2095.46%2049.5263%2095.46C52.7663%2095.46%2054.8138%2094.1925%2054.8138%2089.2612V55.71H64.68V89.3925C64.68%2099.6075%2058.68%20104.258%2049.9463%20104.258C46.8591%20104.426%2043.7931%20103.657%2041.1513%20102.051C38.5096%20100.444%2036.4157%2098.0761%2035.145%2095.2575L43.1775%2090.3863Z'%20fill='black'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_31_808'%3e%3crect%20width='120'%20height='120'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e "javascript")
'%3e%3cpath%20d='M0%20120V0H120V120H0Z'%20fill='%23C12127'/%3e%3cpath%20d='M22.5%2022.5H97.5V97.5H82.5V37.5H60V97.5H22.5V22.5Z'%20fill='white'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_44_1349'%3e%3crect%20width='120'%20height='120'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e "npm")
'%3e%3cpath%20d='M117.737%2054.6536L65.3437%202.26325C62.3283%20-0.754092%2057.4345%20-0.754092%2054.4153%202.26325L43.5356%2013.1429L57.337%2026.9443C60.5442%2025.8606%2064.222%2026.5876%2066.7786%2029.1442C69.3473%2031.7172%2070.0692%2035.4264%2068.9592%2038.6439L82.26%2051.9451C85.478%2050.8365%2089.1909%2051.5537%2091.7611%2054.1281C95.3531%2057.7187%2095.3531%2063.5383%2091.7611%2067.1312C88.1681%2070.7247%2082.3486%2070.7247%2078.7537%2067.1312C76.0519%2064.4265%2075.3844%2060.4586%2076.7522%2057.13L64.3481%2044.7259L64.3467%2077.3683C65.2459%2077.8129%2066.0672%2078.4002%2066.7786%2079.1073C70.3706%2082.6979%2070.3706%2088.518%2066.7786%2092.1137C63.1856%2095.7053%2057.3633%2095.7053%2053.7755%2092.1137C50.1834%2088.518%2050.1834%2082.6984%2053.7755%2079.1078C54.6363%2078.2466%2055.6593%2077.5645%2056.7853%2077.1011V44.1545C55.6576%2043.6942%2054.6341%2043.0117%2053.7755%2042.1478C51.0539%2039.43%2050.3995%2035.4367%2051.7941%2032.095L38.1891%2018.4886L2.26406%2054.4112C-0.754688%2057.4314%20-0.754688%2062.3256%202.26406%2065.3434L54.6581%20117.735C57.6745%20120.752%2062.5673%20120.752%2065.5875%20117.735L117.736%2065.5867C120.754%2062.5679%20120.754%2057.6709%20117.736%2054.6536'%20fill='%23DE4C36'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_31_793'%3e%3crect%20width='120'%20height='120'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e "git")
'%3e%3cpath%20d='M59.4241%200.46875C29.0339%200.468752%2030.9317%2013.6477%2030.9317%2013.6477L30.9656%2027.301H59.9661V31.4004H19.4466C19.4466%2031.4004%200%2029.195%200%2059.8589C-2.1675e-06%2090.5229%2016.9735%2089.4354%2016.9735%2089.4354H27.1033V75.2062C27.1033%2075.2062%2026.5573%2058.2327%2043.8058%2058.2327H72.5692C72.5692%2058.2327%2088.7295%2058.494%2088.7295%2042.6144V16.3581C88.7295%2016.3581%2091.1831%200.46875%2059.4241%200.46875ZM43.4331%209.65C46.3184%209.65%2048.6505%2011.9821%2048.6505%2014.8674C48.6505%2017.7527%2046.3184%2020.0848%2043.4331%2020.0848C40.5477%2020.0848%2038.2157%2017.7527%2038.2157%2014.8674C38.2157%2011.9821%2040.5477%209.65%2043.4331%209.65Z'%20fill='url(%23paint0_linear_44_1154)'/%3e%3cpath%20d='M60.2872%20119.557C90.6773%20119.557%2088.7795%20106.378%2088.7795%20106.378L88.7457%2092.7242H59.7451V88.6249H100.265C100.265%2088.6249%20119.711%2090.8303%20119.711%2060.1664C119.711%2029.5024%20102.738%2030.5899%20102.738%2030.5899H92.6079V44.8191C92.6079%2044.8191%2093.1539%2061.7926%2075.9055%2061.7926H47.1421C47.1421%2061.7926%2030.9817%2061.5313%2030.9817%2077.4109V103.667C30.9817%20103.667%2028.5281%20119.557%2060.2872%20119.557ZM76.2781%20110.375C73.3928%20110.375%2071.0607%20108.043%2071.0607%20105.158C71.0607%20102.273%2073.3928%2099.9405%2076.2781%2099.9405C79.1635%2099.9405%2081.4955%20102.273%2081.4955%20105.158C81.4955%20108.043%2079.1635%20110.375%2076.2781%20110.375Z'%20fill='url(%23paint1_linear_44_1154)'/%3e%3c/g%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_44_1154'%20x1='11.5045'%20y1='11.1804'%20x2='70.829'%20y2='69.913'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23387EB8'/%3e%3cstop%20offset='1'%20stop-color='%23366994'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint1_linear_44_1154'%20x1='47.9179'%20y1='48.8947'%20x2='111.626'%20y2='109.12'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23FFE052'/%3e%3cstop%20offset='1'%20stop-color='%23FFC331'/%3e%3c/linearGradient%3e%3cclipPath%20id='clip0_44_1154'%3e%3crect%20width='120'%20height='120'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e "python")
Projects
Projects I've been working on
Happy thoughts
This project utilises GET and POST API calls to update the UI based on user interaction. User can send happy thoughts and like teh thoughts sent by others. Meanwhile the system will keep count on the number of likes and posts.
Stress survey
This project aims to get information from user on their stress level and provides with some suggestions. It implements multi-steps form and data validation to ensure the user answers each question as per the requirements.
Music release
This website provides a list of trendy albums from Spotify. User can sort albums and singles from the list and get the editor's pick on the sidebar. Each song and name of singer is linked to Spotify page for reference.
Weather app
This project fetches weather data from Open Weather API as well as location data from GeoLocation API. It allows user to serch for a specific city or share the location to display the weather conditions on the city in query.
Book Library
This website is a library for books. It provides a few of books in the database and also randomly recommend a book as per user's request.It also allows user to filter books based on genre and meanwhile sort books on the time of creation.
Chatbot
This is a simple chatbot which functions like the counter at a Pizzeria. The bot responds once the user answer the question and asks next question in a row. It also displays the loading animation while processing user's answers.
Skills
Skills I master and keep sharpening
- Code
- HTML5
- CSS3
- JavaScript ES6
- React
- Node.js
- Restful API
- Python
- SQLite
- Toolbox
- VS code
- Postman
- Jira Cloud
- Figma
- Notion
- Miro
- Slack
- Github
- CodeSandbox
- Methodology
- Mob/Pair Programming
- Agile Management
- Version Control
- Project Management
- Problem Solving
- Functional Programming
- Object-Oriented Programming
- Upcoming
- MongoDB
- Express.js
- jQuery
- TypeScript
- Next.js
- .Net
- Cloudinary
- UX/UI Design
Let's work together
Wen Zhao
wendy.w.zhao@outlook.com