Code Monkey home page Code Monkey logo

Hi, I'm Joanna.

joannaWebDev

Typing SVG

My mojo: A learn-by-doing attitude, high energy, and team player

My expertise lies in harnessing the power of Vue and Typescript to create convenient, fast, and beautiful interfaces. In addition to my proficiency in Vue, I have extensive experience in React. I actively stay abreast of industry trends and best practices through LinkedIn Learning, constantly refining my skills. Furthermore, I consistently engage in personal projects, leveraging my knowledge to explore new concepts and technologies.

As a dedicated Product Engineer, I lead the development, design, and implementation of software solutions. My role encompasses various stages of the product lifecycle, including conception, design, development, testing, deployment, and ongoing support.


Open source contributions

Grafana: Fix A11y in AutoRefresh input field


My GitHub Stats and Streak

joannaWebDev

GitHub stats

Joanna's GitHub streak stats


My GitHub Trophy Collection

github trophies


Languages and Tools I've Used





Highlighted projects

Name (description) Tools Repo link Demo
Polling App React, Express.js Repo -
Fashion editor's Gatsby & GraphQL,Netlify CMS Repo Demo
fetching from an API that has multiple page queries React, Tailwind Repo Demo
VUE app with a graph where they can show positive profit and profit lost, never showing the negative numbers & a graph that represents the possibility of a target hit in a specific month, where those possibilities are represented by 2 numbers in %. Vue Repo -
At a simple glance, you can see displayed on the map all your workouts which are logged in with -location, distance, time-. Vanilla JS, OOP, Geolocation Repo Demo
You can see a treemap chart model and because 2 of the bar charts have similar designs and set-up, I have re-factored the code so now we have a shared main.js and just a few lines on a different file, that defines the functionality of each chart. *Echarts.js Repo Demo
display your portfolio, by fetching from the Pixabay API all the galleries, mapping it through tags and you also have a repertoire page where you sell different photography courses. The user can add or delete products to the cart. React Repo Demo
a clean, easy-to-read, and navigate landing page in pure HTML & SCSS where you can present your course, explain a little bit about the subjects you will teach, and display a gallery with the current tutors and old alumni. The page has a slick look to it, no embellishing, straight to point and even a different way to display the menu bar which here is used as a footer HTML & SCSS - Demo
Twitter Vue Repo Demo
A progressive web application, built in this case with REACT that gives the user the feel of a real app without the need to download it from the App / Play Store. This here is a weather app that will give you the exact temperature at any given point of the world React,PWA Repo Demo

Interpersonal Skills

  • Proficient in cross-team communication and collaboration
  • Adaptability
  • Accountability
  • Growth mindset

Music for programming 🎧

Classical music for Brain Power

Joanna's Projects

gatsby-starter-delog icon gatsby-starter-delog

A blog for designers and developer, built with Gatsby and Netlfiy CMS. Live demo https://delog-w3layouts.netlify.com/

gatsby-starter-foundation-1 icon gatsby-starter-foundation-1

A starter to launch your blazing fast personal website and a blog, Built with Gatsby and Netlify CMS. Made with ❤ by Stackrole

grafana icon grafana

The open and composable observability and data visualization platform. Visualize metrics, logs, and traces from multiple sources like Prometheus, Loki, Elasticsearch, InfluxDB, Postgres and many more.

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.