Pinned Repositories
chore-door-game
The Chore Door JavaScript Game involves clicking on randomized doors while trying to avoid the evil ChoreBot. Warning: it's addicting!
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.
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."
golden-girls-mad-lib
This project was based on a Golden Girls Mad Libs book I had received as a gift. I wanted to share it with a friend and thought this would be a fun and creative way for her - and others - to enjoy it!
guess-the-word
This fun game has players enter letters while trying to guess the word with their 8 tries. The words are fetched from an API.
lolcat-clock
The LOLcat Clock Skillcrush project is based on the popular LOLcat memes. Coded with JavaScript, it features a clock with the current time, and an image that changes depending on the time of day. The LOLcat Clock also has three timers, and corresponding images for each. A bonus is the Party Time button.
magic-8-ball
This fun project was part of Skillcrush's "Introduction to JavaScript" class. It includes JavaScript and jQuery. I made it responsive and added a gradient background. Go ahead and ask it a question!
marisabrantley
The README.md file for my GitHub portfolio.
portfolio
✨ My portfolio website - clean, responsive & accessible.
rotating-navigation
This project involves having the entire website rotate when the hamburger icon is clicked and bringing in the navigation on the bottom left. The page shown was recreated from my Etsy Shop, Sadie Bloom Designs.
marisabrantley's Repositories
marisabrantley/marisabrantley
The README.md file for my GitHub portfolio.
marisabrantley/portfolio
✨ My portfolio website - clean, responsive & accessible.
marisabrantley/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.
marisabrantley/guess-the-word
This fun game has players enter letters while trying to guess the word with their 8 tries. The words are fetched from an API.
marisabrantley/hacktoberfest22_hotel_mandarin_oriental
An open-source website inspired by the amazing Mandarin Oriental hotel chain.
marisabrantley/hotel-booking-app
A hotel search tool built with React.js that allows for filtering the type of hotel you'd like to stay.
marisabrantley/sound-board-project
This project involved using HTML5 audio tags to create a simple sound board. Each audio element is controlled by JavaScript.
marisabrantley/sticky-notes-app
This interactive React app allows users to create sticky notes, as well as edit, search through, save and delete them.
marisabrantley/web-development-resources
Awesome Web Development Resources.
marisabrantley/center-divs-flexbox-project
Additional Skillcrush Creating Responsive Websites Class Project re Centering in Flexbox
marisabrantley/center-flexbox-project
Additional Skillcrush Project Involving Centering Content with Flexbox
marisabrantley/community-website
A food-service-based website created with the help of the community.
marisabrantley/Fitness-Accountability
An open-source project allowing users focused on fitness to create a profile and post their activity, as a motivator to keep accountable for their fitness journey.
marisabrantley/flexbox-layout-project
marisabrantley/form-wave-animation
This project involved building a simple login form with a wave effect on the labels using CSS transitions, transition delay, and JavaScript.
marisabrantley/github-repo-gallery
The GitHub Repo Gallery project pulls data from GitHub API calls to populate username, bio, location, number of public repos, and individual repo information, which can be clicked on or searched using dynamic search functionality.
marisabrantley/name-tag-generator-project
A React.js name tag generator to create bulk name tags using functional components and ES6 modules.
marisabrantley/personalized-center-flexbox-project
Skillcrush Class Project re Personalizing Flexbox Project, Centering
marisabrantley/split-landing-page
This project shows split-screen background images, each with overlays. When hovering the mouse on one side of the split screen, it expands to 75% while the other side reduces to 25%.
marisabrantley/unplugged-retreat-project
This Unplugged Retreat Project is the final project for Skillcrush's "Coding Responsive Websites" class. It's a responsive, mobile-first designed website for a fictitious retreat in the Santa Cruz Mountains. The multi-page site was built utilizing CSS Flexbox.
marisabrantley/amazon-clone
An Amazon clone using HTML, CSS and JavaScript. Hacktoberfest-2022 X NIE GFG Student Chapter.
marisabrantley/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.
marisabrantley/Code-Shop
Star the Repo.⭐
marisabrantley/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.)
marisabrantley/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.
marisabrantley/first-contributions
🚀✨ Help beginners to contribute to open source projects
marisabrantley/LinkFree
Open source alternative to LinkTree
marisabrantley/Med-Stats
A Personal Health Journal Website
marisabrantley/random-user-generator
This project involves pulling random user images and corresponding data from the Random User Generator API, and creating a drop-down menu to select the number of users to display.
marisabrantley/udacity-accessiblity
Google and Udacity course on Accessibility.