Giter Club home page Giter Club logo

GitHub Readme Profile Banner copy

Hi! I'm Marisa Brantley.

Frontend Developer and UI Designer


I enjoy creating accessible websites that convey the most satisfying, effective and visually appealing experience for all users.
With backgrounds in law and ecommerce, I appreciate details, meeting deadlines,
clear communication, and making businesses' visions come to life.


Let's open-source together! Send me a link!

Connect with me:

marisabrantley email marisab_oc marisabrantley marisab marisabrantley 16354014

marisabrantley


Recent Blog Post:

👉 10 Things I Wish I'd Known When Starting My Coding Journey
(The most popular DEV post the week it was published)


Languages and Tools:

html5 css3 sass javascript react git figma photoshop canva visual studio code codesandbox wordpress


Featured Projects


Super Sticky Notes App

Super Sticky Notes App

React, HTML, CSS - This interactive React app allows users to create sticky notes, as well as edit, search through, save, and delete them.

Guess The Word Game App

Guess the Word App

JavaScript, HTML, CSS - This fun game has players enter letters while trying to guess the word with their 8 tries. The words are fetched from an API.

GitHub Repo Gallery App

GitHub Repo Gallery App

JavaScript, HTML, CSS - App pulls data from GitHub API calls to populate username, bio, location, number of public repos, and individual repo information.

LOLcat Clock App

LOLcat Clock App

JavaScript, HTML, CSS - This app features a clock with current time and images that change with time of day. It also has three timers and corresponding images for each.




Marisa Brantley's Projects

20k-leagues-under-the-sea icon 20k-leagues-under-the-sea

This project involved adding animations with CSS transitions to an existing static web page, an online reader of the book “20,000 Leagues Under the Sea” by Jules Verne.

amazon-clone icon amazon-clone

An Amazon clone using HTML, CSS and JavaScript. Hacktoberfest-2022 X NIE GFG Student Chapter.

animated-company-logo icon animated-company-logo

The fictitious Logo Factory has a new Sass logo and they'd like it to be animated using SCSS.

beach-potluck-party icon beach-potluck-party

The project involved creating a guest list for a fictitious potluck, then randomly assigning dishes for the guests to bring along.

bigb-e-learn-websit-e icon bigb-e-learn-websit-e

BigB is a E-learning website built using HTML, CSS, JavaScript and Bootstrap - Hacktoberfest Accepted. 🤞 This project is previously accepted in GSSoC 2022 , JWOC 22.

bouncy-balls icon bouncy-balls

MDN JavaScript object building practice exercise. Little balls bounce all over the screen and change color when colliding.

build-a-library icon build-a-library

This Codecademy Build a Library Project involved updating a library's system with a JavaScript program that included parent classes, subclasses, properties, getters, and methods.

burger-html-form icon burger-html-form

Hungry for a burger? This HTML burger order form was created as part of a lesson about HTML forms, input elements, type attributes, and HTML5 built-in client-side form validation.

chore-door-game icon chore-door-game

The Chore Door JavaScript Game involves clicking on randomized doors while trying to avoid the evil ChoreBot. Warning: it's addicting!

constructive-and-co icon constructive-and-co

This JavaScript exercise displays a greeting on a fictitious construction company's website to the user based upon the current time. Part of Duckett's book "JavaScript & jQuery."

css-transitions icon css-transitions

A little project of a button utilizing CSS transitions to change the background color over a set duration.

dad-jokes-project icon dad-jokes-project

In the mood for a few good "Dad" jokes? This Dad Joke app involved using a third-party API to fetch and display jokes, changing with a button click. (Yes, I made the background image cheese.)

dog-years icon dog-years

How old are you in dog years? In this Codecademy project, we used JavaScript to determine a human's age relative to our canine companion's.

double-click-heart icon double-click-heart

In this fun project, when the user double-clicks on the image, a heart appears, grows, and disappears. CSS animations and JavaScript are used for this colorful and interactive effect.

epic-mix icon epic-mix

This exercise used functions, the forEach method, createElement, classList, innerHTML, append, and template literals to create an auto-generated list of songs and their indices.

expanding-cards icon expanding-cards

This expanding cards project features five different images of beaches in my area. When clicked, an image card expands while the other cards remain inactive. This is part of Brad Traversy's Udemy Course "50 Projects in 50 Days."

field-trip-registration icon field-trip-registration

This exercise required using JavaScript to fetch data from a JSON file with an array of student "objects" to determine which students still needed to register for a field trip.

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.