portfolio-yoheze.vercel.app
Open in
urlscan Pro
76.76.21.22
Public Scan
Submitted URL: http://portfolio-yoheze.vercel.app/
Effective URL: https://portfolio-yoheze.vercel.app/
Submission: On October 25 via api from US — Scanned from DE
Effective URL: https://portfolio-yoheze.vercel.app/
Submission: On October 25 via api from US — Scanned from DE
Form analysis 1 forms found in the DOM
<form class="Contact_form__5n_db" style="opacity: 1;">
<div class="Contact_input_group__1gyRC" style="padding-top:30px"><input required=""><label class="Contact_user_label__IneXT">Name: </label></div>
<div class="Contact_input_group__1gyRC"><input required=""><label class="Contact_user_label__IneXT">Email: </label></div>
<div class="Contact_textarea__8QEdX"><label>Send me a message!: </label><textarea rows="5" cols="75" placeholder="Any message you want to send, limited to 500 letters"></textarea>
<p>0<!-- -->/500</p>
</div><button type="submit" style="color:white">Submit!</button>
<p style="color:red"></p>
<p>Click these buttons below if you want to quickly send me your name and email!</p>
<div class="Contact_OAuth__gd_Wq"><button>
<p>Sign in with Google</p><img alt="google icon" loading="lazy" width="20" height="20" decoding="async" data-nimg="1" style="color:transparent"
srcset="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgoogle.6d38c101.png&w=32&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgoogle.6d38c101.png&w=48&q=75 2x"
src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgoogle.6d38c101.png&w=48&q=75">
</button><button>
<p>Sign in with Github</p><svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill-rule="currentColor" class="bi bi-github" viewBox="0 0 16 16">
<path
d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z">
</path>
</svg>
</button></div>
</form>Text Content
IntroAboutExperienceAchievementsProjectsContact HELLO, MY NAME IS YOHAN JEON I am a Front-end Develop located in the Greater Los Angeles Area ABOUT ME: TECHNOLOGIES I'VE WORKED WITH: JavaScript (ES6+), Node.js, React.js, Express.js, MongoDB, GraphQL, HTML5, CSS3, AWS (EC2, Elastic Beanstalk, IAM, ECR) Redux, TypeScript, Git, WebSockets, Authentication (OAuth 2.0), PostgreSQL, Webpack, Tailwind CSS, React Router, Vite, Next.js, Docker INTERESTS: 🎼 Musician: Had the opportunity to play at Carnegie Hall in middle school! 🍎 Teaching: Have been a tutor for two different companies and an introductory instructor for programming and robotics under Concorde Education! ⚗️ Science: Hence my degree in Biology! I love learning about how everything works! 🎮 Gaming: I'd love to see what games others grew up with. If you'd like, you can add me; my gamer tag is Yoheze. MY NARRATIVE: Display Narrative 🎓 EDUCATION: UNIVERSITY OF CALIFORNIA - RIVERSIDE - Cum Laude (Top 10%) Biology - Relevant Coursework: Introduction to Computing, Intro to Statistics, Calculus CODESMITH - Advanced Residency for Software Engineering Drag an image! EXPERIENCE: OSLABS - REACTYPE | 2K+ GITHUB STARS (OPEN SOURCE) | SOFTWARE ENGINEER A React Prototyping tool designed to expedite project commencement for developers by obviating the need for manual generation of React code Visit the website 👉 here 👈 TECH STACK: * React * React Router * React-DND (Drag and Drop) * Redux ToolKit * TypeScript * Socket.io * Oauth 2.0 * Material UI * Jest * Node * Express * MongoDB * Webpack * Electron MY TEAM'S CONTRIBUTIONS: * Oauth 2.0 GitHub and Google Login * Webpack and Collaborative Rooms with Redux store updates * Moved all state to Redux ToolKit * Docker Containerized Application for Deployment * Some UI/UX Changes * TLS Certification - HTTPS * Updated Express Routes * Added User Ability to Prototype with Tailwind * Deployed site on AWS with domain name through CNAME keys in DNS configuration * Updated outdated and end of life dependencies and packages PRIFINA - OVUL | FRONTEND DEVELOPER A period tracking app with the goal of privatizing user data Visit the company website 👉 here 👈 Tech Stack: * React * React-DND * React Router * GraphQL * TypeScript * JavaScript * Vite * Tailwind CSS * CSS * HTML * Node * Express MY CONTRIBUTIONS: * Managed private data, including user PII, using data modeling standards for GraphQL across various service layers, handling specific healthcare information * Partnered with a multidisciplinary team to design and implement a period tracking application * Developed an intuitive User Interface and a product splash page utilizing React, TypeScript, and Tailwind CSS * Established a GitHub organization with a task board and well-defined permissions, optimizing team collaboration and streamlining bug rectification processes * Enhanced mobile responsiveness for the splash page, with ongoing plans to ensure full mobile compatibility * Engineered a dynamic menu and crafted accompanying graphs for data visualization across diverse health categories, enhancing user experience and accessibility ACHIEVEMENTS: TECH TALK: Featured speaker at Jeeny and Bractlet Tech Talk on the Comparison of Load Balancing Strategies OPEN SOURCE PROJECTS: Note: I will be showing highlights of each project (can't upload entire projects) ALGOPETS INTERACTIVE ALGOS GAME Find More! CODEHORT INTERACTIVE PARTICIPATION TRACKER Find More! LIFTLOG ONLINE EXERCISE LOGGER Find More! Note: This entire portfolio site was built using Next.js for the first time. CONTACT ME! Name: Email: Send me a message!: 0/500 Submit! Click these buttons below if you want to quickly send me your name and email! Sign in with Google Sign in with Github PORTFOLIO SITE CREATED BY YOHAN JEON Resume GitHub LinkedIn