100-days-of-progress

A work in progress for the months of January 2021 - April 2021. Organized using Project Management tools.

a-maze-ing_game

Utilizes the W, A, S, D keys to toggle a maze built with Matter.js. Upon winning, users will see a success message as the walls of the maze crash.

api_demo1

Demo page utilizing API & JavaScript to pull data and retrieve recipes for a recipe finder app.

avicii_tribute

A sample tribute page featuring responsive navigation bar, Flexbox design, embedded video.

bootstrap_demo1

Demo test page

childcare_landing

A responsive, sample landing page for a childcare company based on SCSS BEM-methodology and 7-1 architecture, NPM scripts, and variables/mixins within the code.

codingnexus

coffee_survey

A responsive, mobile first approach to a sample survey form built with video embed, comprehensive survey with text box area, drop-down menu, radio buttons, and checkboxes.

coin_game

Uses JavaScript Events to allow a user to act as player & move player with arrow keys to grab coin.

color_picker

Uses JavaScript Event Listeners to allow users to click on a color in order to change the heading color.

css_grid_demo1

Demo test page

dany_personal_portfolio

Work in progress. Not desktop ready. Good for 330px width. Blog images, posts, and projects need to be updated.

dcc5235

ecomm_shop

E-commerce JavaScript site allows access for admin to add/remove items in store & allows consumers to add/delete items to their cart, as well as see costs of items purchased.

eloquent-js-notes

Direct quotes and personal notes from Eloquent JavaScript.

flex_reviews

A responsive, Flexbox-focused project for a sample hotel booking app based in Sass. The site includes Flexbox designs, SVGs, and animated button features for the hotel overview page.

flexbox_demo1

Demo test page

googleadsnotes

grid_homes

A responsive, CSS Grid-focused project for a sample realtor site based in Sass. The site includes overlapping grid items and pixel perfect grid gallery.

hidden_message

JavaScript message sharing application allow users to send an encoded message to others in the form of a URL.

homecomforts_ecommshop

An ecommerce platform built in React.JS. Work in progress

html_technicaldoc

A mobile-first approach to a responsive, technical documentation page built with clickable navbar elements. Also featured are code elements, span elements, and tables.

impossible_button

Using JavaScript EventListener to manipulate a button on the browser; as users attempt to click on the button, the button repositions itself elsewhere within the viewport.

jquery

work in progress

js_demo1

Demo test page & list of all JS projects.

landing_page_demo1

Demo test page

master_index

Master index of FCC Certifications, all projects, and articles.

mini_javascript_projects

work in progress

mortarpestle_ecommshop

A full-featured e-commerce DEMO with landing page, product page, and checkout page. Utilizes HTML5, CSS3, Tailwind CSS, JavaScript, and API.

movie_fight_api

Identifies two search results and compares contrasting searches from REST API. Bulma CSS & JavaScript heavy.