Git Product home page Git Product logo

My Image

Hi there šŸ‘‹

Innovative Product Designer and Front-end Developer

HTML CSS JavaScript TypeScript React

  • šŸ˜Š Pronouns: She/Her
  • šŸ’” Fun fact: I was a finanlist in the just concluded HNG internship.
  • šŸŒ± I love sharing knowledge and teaching those who need it.
  • šŸ¤” Iā€™m looking for help with open source projects, hackathons, internships, and entry-level opportunities.
  • šŸ’¼ Job interests: Software Engineer, Frontend Engineer.

Here is a link to my Design Portfolio Here is a link to my Front-end Portfolio Let's connect! Feel free to reach out to me through my Twitter or LinkedIn.

šŸ”„ Happy Coding! šŸ”„

MaryMagdalene's Projects

auth icon auth

This project aims to demonstrate my skills in utilizing Firebase for login and signup authorization

brooi-s-task-cli-vuex icon brooi-s-task-cli-vuex

VueJS with VueX To-Do App: Elevated my VueJS app by incorporating a VueX store for state management. Demonstrated my ability to handle complex data flows and maintain an app-wide state.

brooi-s-task-vue-cdn icon brooi-s-task-vue-cdn

VueJS To-Do App: Build a similar to-do app using VueJS. Showcasing my understanding of the framework's core concepts, like data binding, components, and events.

brooi-s-to-do-task icon brooi-s-to-do-task

Basic To-Do App: This app is built using solely HTML, CSS, and JavaScript. Focus on functionality like adding, editing, and marking tasks as completed.

hng-stage-1 icon hng-stage-1

Stage 1 of HNG, we were asked to create a page that meets the following criteria: Each required element should have a specified data-testid attribute, display our slack name, picture, day and time of the week, with our respective tracks and a link to the source code.

hng-stage-2 icon hng-stage-2

We were asked to create a movie discovery web application that allows users to search for movies, view details about them, and save their favourite movies, consuming data from the TMDB API.

hng-stage-3 icon hng-stage-3

Our task was to Develop a Drag-and-Drop Image gallery using React or Next Js; fully functional and responsive image gallery that showcases a collection of images in a visually appealing way.

resources icon resources

Saving links has never been made easy. Check out my link saving resources.

shopify_clone icon shopify_clone

My challenge is to build the merchant onboarding experience as per the Figma design they will provide to me. I am to cater for the three most popular types of Shopify merchants: Mouse users Keyboard-only users Screen reader users.

star-wars icon star-wars

"I replicated the Star Wars movies website using React by fetching data from its API."

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.