mbeckdev / canvas-shenanigans Goto Github PK

🌱 I'm Michelle, a software engineer focusing on JavaScript and React.

I'm currently working through The Odin Project because they have a ton of awesome projects.

• (little-shop) - code A shop with a working shopping cart! Uses React, CSS Modules, and react-router-dom

• @mbeckdev on Twitter

• (advent-calendar) - code An advent calendar of silly website links. - Just for fun
• (memory-card) - code A memory game where the cards get shuffled - made with React hooks
• (cv-project) - code Create a resume/cv by entering info. Made with React!
• (An annoying button game) - code An annoying button game added to a list of opensource javascript projects.
• A couple tiny tiny CRUD apps to practice React with class components and with functional components with Hooks
  • (tiny-crud-class-components) and here's the code
  • (tiny-crud-functional-components) and here's the code
• (mnemonic) - code Put in a small word and it makes a sentence out of the letters. HTML turns into "Happy turtles mine lollipops."
• (sass-restaurant) - code A restaurant made with SASS
• (battleship) - code A battleship game against a computer that uses Jest to test the logic of the code before starting to code the visual dom parts. Jest, Webpack, HTML, CSS, JavaScript
• (to-do list) - code A CRUD project that saves your todo list that uses webpack, localStorage, HTML, CSS, and JavaScript, and a third party library 'date-fns', babel, and tried out eslint in my editor.
• (monsters-rolodex) - code Search through a list of names to find the person/monster you're looking for. Uses data fetched from APIs
• (Word Chomp) - code - an HTML5 spelling game for kids. Made with two other people for the first Odin Project Gamejam The link takes you to itch.io where you can play it.
• (canvas shenanigans) - code What's possible in canvas? I made a few projects using canvas that could go behind a header on a site someday.
• (restaurant-page) - code A kabob restaurant made using webpack
• (tic-tac-toe) - code Play against a computer or human. Factory functions!
• (library) - code Record and save which books you've read or want to read. Uses localStorage!
• (april fools) - code Terrible puns await! A silly app.
• (clock) - code A JavaScript clock
• (calculator) - code A calculator made in JavaScript.
• (etch-a-sketch) - code Draw on the screen like an etch-a-sketch.
• (rock-paper-scissors) - code Play rock paper scissors against a computer.
• (drum-kit) - code Play drums with your keyboard.
• (background-generator) - code Random color gradient generator that calculates RGB, HEX, and HSL.
• I designed and 3D printed my own mic stand. Now my mic doesn't have to roll all over my desk anymore!
• (regex-form) - code Using regular expressions in a form - or How to check that people enter forms with only certain characters.
• (google-homepage) - code Recreating the google search homepage in HTML and CSS.

I designed and 3D printed stands for the legs of my desk. Now my chair fits under the desk and doesn't bump into it!