Coder Social home page Coder Social logo

Hello! I am Hannah. πŸ‘‹

I am a Software Engineer and Human-Computer Interaction(HCI)/Human-Centered Design(HCD) strategist in πŸ‡ΊπŸ‡Έ. I am adept at blending software engineering, legal, and creative skills to craft seamless and responsible technologies that empower end-users, whether they are consumers or internal stakeholders, in complex environments.

I employ different technologies and methods to create an enchanting user experience where humans and technologies can interact and empower each other.

⚑ Recent Activity

  • πŸ”­ I’m currently working on learning new technical skills in modern web development technologies while enhancing foundational React, HTML, CSS, JavaScript, and MERN (MongoDB, Express, React, Node).
  • 🌱 I’m currently writing an HCI-related paper to publish.

πŸ’» My Languages and Tools

πŸ“ˆ My GitHub Stats

Β Hannah-Moon

Hannah-Moon

πŸ€œπŸ»πŸ€›πŸ» Support Me

"Buy Me A Coffee"

Hannah's Projects

07_sba-307_buildawebsite_whtmlandcss icon 07_sba-307_buildawebsite_whtmlandcss

I've crafted a three-page layout with meticulous attention to detail. Leveraging React-Bootstrap and CSS, I've styled the pages with easy-to-customize colors, fonts, and gaps, ensuring a visually appealing design. Throughout the development process, I've prioritized code organization to maintain clarity and scalability.

14_sba-308_javascript_fundamentals icon 14_sba-308_javascript_fundamentals

This project showcases the basic JavaScript syntax, seamlessly integrating control flow structures like conditionals and loops to manage data efficiently. By employing arrays and objects, I organize and manipulate data effectively, while creating reusable code through functions.

17_sba_316_thedocumentobjectmodel icon 17_sba_316_thedocumentobjectmodel

This assessment is designed to evaluate my understanding of the Document Object Model (DOM) and my ability to implement its features in a practical context. Through this assessment, I aim to demonstrate my proficiency in utilizing DOM functionalities to create dynamic and interactive web applications.

19_glab-308a.2.1_an-object-oriented-adventure icon 19_glab-308a.2.1_an-object-oriented-adventure

This guided activity walks you through the process of creating a simple adventuring game using object-oriented programming principles. We will begin with basic concepts and the structure of the game, and then refine that structure with classes and other programming patterns.

24_sba_308a_javascript-web-application icon 24_sba_308a_javascript-web-application

I endeavored to address real-world challenges by integrating various APIs, leveraging their functionalities to provide practical solutions and enhance user experiences, all within the realm of JavaScript.

25_glab-318.1.1_nodejs-installation-and-basics icon 25_glab-318.1.1_nodejs-installation-and-basics

NodeJS (or simply Node) is a very popular JavaScript runtime that enables developers to create JavaScript applications outside of the context of a web browser. This lab will walk you through the steps of installing Node and the Node Package Manager (npm) on Windows.

26_js_studylist icon 26_js_studylist

Embarking on the journey of becoming a software engineer requires a solid study habit. The Study List Creator empowers beginners to be engineers. Each entry represents a step forward in your growth and mastery, from algorithms to design principles. With dedication and the power of habit, we're one step closer to our full potential.

28_alab-318.2.1_building-an-express-application icon 28_alab-318.2.1_building-an-express-application

n our project, I aim to address challenges faced by small and medium-sized businesses in the ACH Network by enabling them to download and upload NACHA files. Utilizing Express, I implement routes, render views, serve static files, and facilitate file downloads to streamline ACH transactions and promote financial inclusivity.

30_sba_318_express_server_application icon 30_sba_318_express_server_application

Utilizing Node.js and Express, I tackled a problem, drawing on my experience as a professional software engineer. Recognizing the importance of holistic preparation for job interviews, I developed Interviviing, a platform tailored to my shared experiences with friends.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.