CorinaMurg

html-tag-quiz

A quiz that shows you how many semantic HTML tags you actually know.

a11y-engineer-homework

a JavaScript project to test my accessibility skills

about-react

my first react app utilizing usestate hook. it features functional components and dark mode

change-box-bg

React practice with updating state immutably following an onClick event

CorinaMurg

darklight

react mini project to test a dark mode toggler

dropdown-js

tiny project to create an accessible dropdown menu in javascript

neat-notes

Desktop note-taking app created in React. Uses the React Markdown Editor. Stores notes and content using Local Storage. Features dark/light modes.

space-tourism-website

Accessible and responsive multi-page website built with HTML, CSS, and JavaScript. Developed from a design by Frontend Mentor.

twain-and-company

Bookstore site built in React. Customers can browse books and add them to cart. The cart modal features a checkout form, form validation, as well as buttons for adjusting the quantity for each book. The backend is supported by Firebase. It stores the books data, cover images, and customer orders

dropdown-react

tiny project to create an accessible dropdown menu in react

faq-accordion

Accessible and responsive accordion card built with JavaScript. Based on a design by Frontend Mentor

focus-visible-html-elements

testing various interactive elements (checkbox, inputs, links etc) for keyboard access. from Sutton's A11y course on Frontend Masters

get-art

meme-generator

Built in React using functional components. Keyboard accessible. Employed "useRef" for focus management. Relies on the `useEffect` hook to trigger an API request to the Imgflip API on the initial render of the `Meme` component.

price-component-js

JavaScript practice a Frontend Mentor design. Changed colors to make it accessible.

react-airbnb

react practice with rendering a dynamic list of card elements.

react-cats-info

react-fetch-starwarsapi

tiny react project to practice fetch api data

react-form-multiple-fields

practice project in react to build a form with input fields, checkbox, dropdown, submit

react-jokes

react practice with props and conditional rendering

react-person-card

react practice with props

react-signup-form

practice project in react to build a basic sign-up form (email, password, submit). no validation

react-window-tracker

react practice with usestate and useeffect to keep track of the window width

search-filter

react practice with searching and filtering an array of objects

search-filter-api

react practice with fetching and filtering api data

skiplink-react

Tiny project in React to test managing a skip link with the opacity property

tenzies

Interactive and accessible dice game built with React. Uses multiple hooks to manage state and side effects in the application. Employs "forwardRef" to create a reference for the "Die" component. Relies on conditional rendering to alter the UI based on the game state.

vanlife

Single-page React application for a camper van rental service. Uses React Router to manage several pages. Relies on Firestore to store and retrieve data about vans and hosts.

Web-Dev-For-Beginners

24 Lessons, 12 Weeks, Get Started as a Web Developer