anabfuentes
Frontend developer who is very design oriented and loves her cats, coffee, and the Criterion Collection channel.
Los Angeles, CA
Pinned Repositories
105-coding_resources
Practice in remote branching.
105-project
Practice pushing updates using Git command line.
105-turn_back_time
Practicing resetting a previous version of code the Git using command line.
api-image-js-practice
Pulling a random image from an API using JavaScript.
github-repo-gallery
Gallery featuring my public repos pulling data from my GitHub profile.
guess-the-word-game
Fun, interactive game where a player guesses a word pulled from a random word API within a set amount of guesses.
my-portfolio
My personal portfolio to showcase my coding projects. Created mainly with HTML5 and CSS3.
product-preview-card
A Frontend Mentor challenge to keep my HTML and CSS knowledge in building responsive sites fresh. The page features a product preview card for an ecommerce platform.
sticky-note-ui
Sticky note ui built with JSX and ES6 to manipulate the DOM and manage data flow. Notes can be added, deleted, and are saved to local storage.
unplugged-site
Creating a responsive site for the brand Unplugged.
anabfuentes's Repositories
anabfuentes/api-image-js-practice
Pulling a random image from an API using JavaScript.
anabfuentes/github-repo-gallery
Gallery featuring my public repos pulling data from my GitHub profile.
anabfuentes/guess-the-word-game
Fun, interactive game where a player guesses a word pulled from a random word API within a set amount of guesses.
anabfuentes/my-portfolio
My personal portfolio to showcase my coding projects. Created mainly with HTML5 and CSS3.
anabfuentes/product-preview-card
A Frontend Mentor challenge to keep my HTML and CSS knowledge in building responsive sites fresh. The page features a product preview card for an ecommerce platform.
anabfuentes/sticky-note-ui
Sticky note ui built with JSX and ES6 to manipulate the DOM and manage data flow. Notes can be added, deleted, and are saved to local storage.
anabfuentes/unplugged-site
Creating a responsive site for the brand Unplugged.
anabfuentes/epic-mix-playlist
Playlist created to practice JavaScript. Skills practiced: functions, forEach, let, createElement, classList, innerHTML, append, template literals.
anabfuentes/faq-accordion
In this Frontend Mentor challenge, I'll be able to build an FAQ accordion. This is a common front-end pattern, so it's an excellent opportunity to get some practice in!
anabfuentes/fashion-blog
Fashion blogger site, built mainly with HTML and CSS. Will look into adding more functionality with JavaScript at a later date.
anabfuentes/flexbox-challenge
Part of Kevin Powell's 21 Day Conquering Responsive Layouts challenge. With this challenge in particular (day 8), we use flexbox properties to style several divs into neat rows and column based on the provided design.
anabfuentes/grocery-list
Loops and arrays in JavaScript practiced in an interactive grocery list.
anabfuentes/Jubilee-Austen
Jubilee Austen's portfolio site.
anabfuentes/mobile-nav-challenge
Part of Kevin Powell's 21 Day Conquering Responsive Layouts challenge. In this challenge we'll be coding a hamburger nav menu on the mobile version of the site we've been working with through the challenge.
anabfuentes/nav-challenge
Part of Kevin Powell's Conquering CSS Layouts 21-Day Challenge. In this challenge, we work on the nav layout to make it a row at the page top..
anabfuentes/office-hours-blog
A multi-page site for a blog that'll feature an about page, contact page, review, and article pages. Using primarily HTML and CSS, but will have minor JavaScript functionality later on.
anabfuentes/order-summary-component
A Frontend Mentor challenge to keep my HTML and CSS knowledge fresh. The page features an order summary component for an ecommerce platform.
anabfuentes/potluck-guest-list
Potluck guest list used to practice JavaScript. Worked on event handlers, function expressions, and querySelectorAll().
anabfuentes/react-project
Simple react site used to practice creating a new project from the command line.
anabfuentes/recipe-card
A three item recipe card created with HTML and CSS. Mainly used to practice CSS, specifically floats to stack components of the page.
anabfuentes/responsive-challenge-1
Challenge Day 1 for Kevin Powell's Conquering Responsive Layouts 21 Day Challenge. This first challenge allows us to see the inherit responsiveness of sites and has issues for me to correct to eliminate the blocks placed on the responsiveness of the layout.
anabfuentes/responsive-challenge-2
Challenge Day 2 for Kevin Powell's Conquering Responsive Layouts 21 Day Challenge. This challenge has us play with max-widths to guarantee text is pleasing to the eye while using minimal code.
anabfuentes/responsive-header
Challenge: Day 5 for Kevin Powell's Conquering Responsive Layouts 21 Day Challenge. This challenge has us code a full responsive header based on Kevin's design specs.
anabfuentes/responsive-image-challenge
Continuation of Kevin Powell's Conquering Responsive Websites 21 Day Challenge. In this challenge, we are given an image to add to the hero section of the site we've been coding in the challenge. We also are changing the layout of the content below the hero section. All must be responsive.
anabfuentes/responsive-layouts-final-challenge
The final challenge for Kevin Powell's conquering Responsive Layouts 21 Day Challenge. We're building a responsive site from scratch employing everything we learned in the challenge. The site will have two breakpoints and should be coded mobile-first.
anabfuentes/responsive-site-challenge
Part of Kevin Powell's 21 Day Conquering Responsive Layouts challenge. With this challenge in particular (day 12), I am building a responsive site completely from scratch. We have only been provided with a design document and the images.
anabfuentes/sharons-pet-rescue
Practice with JS factory functions used to display pets available for adoption at Sharon's Pet Rescue.
anabfuentes/subscription-calculator
Calculates the full cost of a number of subscriptions based on user selections.
anabfuentes/trip-budget-calculator
Uses user input to calculate a daily budget for a trip
anabfuentes/vision-board
Vision board created to practice flexbox grid model.