Hi, I'm Hyun

About Me

Enthusiastic software developer with a background in sales and customer service, passionate about problem-solving and creating user-friendly solutions. Driven by a desire for continuous learning, I hone my skills through resources like The Odin Project, 100devs, Udemy, mentorship, and hands-on project experience. Resourceful and tenacious, I tackle challenges and knowledge gaps by tapping into friends, online communities in Discord, and resources such as Google, Reddit, Stack Overflow, and ChatGPT. Eager to bring a fresh perspective and my passion for web development to make a meaningful impact in a rewarding role within the tech industry.

Skills

HTML Icon CSS Icon JavaScript Icon GitHub Icon Webpack Icon Linux Icon Npm Icon Figma Icon

My Projects

  • Construction Website

    Construction Website Thumbnail

    For a valued client, I strategically chose to employ a Bootstrap template. This decision mirrors real-world situations where developers often mold existing codebases to align with unique requirements. This method wasn’t just about efficiency; it enriched me with hands-on experience in interpreting and reconfiguring pre-established code. From the initial design blueprint to meticulously crafting all the written content, every aspect was under my helm, ensuring the end product perfectly encapsulated the client's vision. Throughout the project, I served as the central point of coordination, maintaining close collaboration with the client. I expertly managed transitions, directing their domain shift from Squareup to Netlify and Namecheap. Additionally, I amplified their digital footprint on pivotal platforms like BBB and Google Business.

    HTML Icon CSS Icon JavaScript Icon GitHub Icon Bootstrap Icon Netlify Icon
    View on GitHub Live Demo

  • Weather App

    Odin Weather App Thumbnail

    The Weather App is a sleek and user-friendly application that provides accurate and visually appealing weather information. It features a mobile-first design, API integration with AccuWeather, and responsive layout. Users can access current weather conditions, hourly forecasts, and weekly forecasts, along with humidity levels.

    HTML Icon CSS Icon JavaScript Icon GitHub Icon Webpack Icon Npm Icon Figma Icon
    View on GitHub Live Demo

  • To Do App

    Odin ToDo App Thumbnail

    The ToDo App is an efficient task manager with drag-and-drop, color-coded priorities, tag tracking, and filtering. It offers a calendar view, responsive design, and local storage, utilizing libraries like Date FNS, FullCalendar, and SortableJS.

    HTML Icon CSS Icon JavaScript Icon GitHub Icon Webpack Icon Npm Icon Figma Icon
    View on GitHub Live Demo

  • Restaurant Page

    Odin Restaurant Page Thumbnail

    The Restaurant Page features modularity, webpack setup, DOM manipulation, and responsive design for an engaging and user-friendly experience, including a smooth pageload and hamburger menu for easy navigation.

    HTML Icon CSS Icon JavaScript Icon GitHub Icon Webpack Icon Npm Icon
    View on GitHub Live Demo

  • Tic Tac Toe

    Odin TicTacToe Thumbnail

    This tic-tac-toe game demonstrates game logic, state management, UI design, and responsive web design. Key features include a DOM-based game board, winning logic, computer vs. human gameplay, and a mobile-responsive design.

    HTML Icon CSS Icon JavaScript Icon GitHub Icon
    View on GitHub Live Demo

  • Calculator

    Odin Calculator Thumbnail

    This calculator project showcases complex UI components and an intuitive user experience, supporting basic arithmetic operations and Windows-like features. The design includes a desktop simulation, search box, and right-click menu, emphasizing user-friendly design and responsiveness.

    HTML Icon CSS Icon JavaScript Icon GitHub Icon
    View on GitHub Live Demo

  • Etchasketch

    Odin Etchasketch Thumbnail

    The Etch A Sketch web app lets users draw on a grid, featuring unique abilities like counting colored squares without recounting them. It includes three grid sizes, color modes, an eraser mode, and a reset button. The app also offers a dark mode with a glowing grid and responsive design for an enhanced user experience.

    HTML Icon CSS Icon JavaScript Icon GitHub Icon
    View on GitHub Live Demo

  • Library

    Odin Library Thumbnail

    Library is a web app for managing resources in a table format with sorting and saving/loading capabilities through local storage, and full note view.

    HTML Icon CSS Icon JavaScript Icon GitHub Icon
    View on GitHub Live Demo

  • Signup Form

    Odin Signup Form Thumbnail

    The Signup Form project showcases my skills in HTML and CSS, including semantic login forms and polished aesthetics. It highlights my ability to work with libraries like Font Awesome, validate code, debug, manage timelines, and create responsive designs, reflecting my commitment to web development skill improvement.

    HTML Icon CSS Icon JavaScript Icon GitHub Icon
    View on GitHub Live Demo

  • Dashboard

    Odin Dashboard Thumbnail

    The Dashboard project is a responsive web Dashboard with a visually appealing design, featuring material icons, a video theme background, and lazy loading for optimized page load times. It demonstrates diverse widget integration, such as a Spotify widget and Trello todo list, emphasizing adaptability and catering to various user preferences.

    HTML Icon CSS Icon JavaScript Icon GitHub Icon Figma Icon
    View on GitHub Live Demo