https://github.com/paty-oliveira/web-playground

Repository for challenges and projects related to Web development
https://github.com/paty-oliveira/web-playground

css html javascript jsx nodejs react typescript web-development

Last synced: about 2 months ago
JSON representation

Repository for challenges and projects related to Web development

• Host: GitHub
• URL: https://github.com/paty-oliveira/web-playground
• Owner: paty-oliveira
• Created: 2023-01-16T16:52:55.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2024-08-26T09:18:24.000Z (5 months ago)
• Last Synced: 2024-08-26T11:38:13.898Z (5 months ago)
• Topics: css, html, javascript, jsx, nodejs, react, typescript, web-development
• Language: HTML
• Homepage:
• Size: 13.4 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Web Development Playground

## React

- [FAQ component](react-challenges/faq-component)

- [Countdown Timer](react-challenges/countdown-timer)

- [Mortgage Calculator](react-challenges/mortgage-calculator)

- [Modal Overlay](react-challenges/modal-overlay)

- [Undoable Counter](react-challenges/undoable-counter)

- [Shopping List](react-challenges/shopping-list)

- [Rolling Dice](react-challenges/rolling-dice)

- [Multi-Step Form](react-challenges/multi-step-form)

- [Two-factor Authenticator](react-challenges/two-factor-auth)

- [Image Carousel](react-challenges/image-carousel)

- [Data Fetching and Visualization](react-challenges/data-viz)

- [Text Input Mentions](react-challenges/input-mentions)

- [Accordion Component](react-challenges/accordion)

## CSS

- [Box Model](css-challenges/box-model/)

- [Pseudo-elements](css-challenges/pseudo-elements/)

- [Pseudo-classes](css-challenges/pseudo-classes)

- [Flexbox](css-challenges/flexbox)

- [Grid Layout](css-challenges/grid)

- [Product Page](css-challenges/product-page)

- [Hire Us Page](css-challenges/hire-us-page/)

- [Cards Page](css-challenges/cards-page/)

- [Burger Recipe Page](css-challenges/burger-recipe-page)

- [Login Page](css-challenges/login-page)

- [Landing Page](css-challenges/landing-page)

- [Blog Page](css-challenges/blog-page)

- [Knitting Pro Page](css-challenges/knitting-pro-page/)

- [Mars Invasion Page](css-challenges/mars-invasion-page/)

- [Responsive Layout Challenge](css-challenges/responsive-layout/)

- [Dynamic Grid Layout](css-challenges/dynamic-grid/)

## Javascript

- [My own version of map](js-challenges/my-own-map)

- [Average of Orders for every weekday](js-challenges/orders-avg)

- [Naughty or Nice](js-challenges/naughty-or-nice)

- [Search JSON for any key value pair](js-challenges/search-key-value)

- [Seventh JSON of a seventh JSON](js-challenges/seventh-json)

- [JSON Account Updater](js-challenges/account-updater)

- [List Filtering](js-challenges/list-filtering)

- [Santa's Master Plan](js-challenges/santa-master-plan)

- [Filter Unused Digits](js-challenges/unused-digits)

- [Count Characters in a String](js-challenges/count-chars)

- [Reversed Array](js-challenges/reversed-array)

- [Find the index of the second occurrence of a letter in a string](js-challenges/find-2nth-index)

- [Get the Average Marks](js-challenges/marks-average)

- [Remove The Smallest Number](js-challenges/remove-smallest-value)

- [Sum all Positive Values](js-challenges/sum-positive)

- [Remove Consecutive Duplicate Words](js-challenges/remove-duplicates)

- [Remove All the Marked Elements of a List](js-challenges/remove-element-list)

- [Playing with Sets - Subset and Superset](js-challenges/subset-superset)

- [Credit Card Masking](js-challenges/credit-card-masking)

- [Convert Number to Ascii representation](js-challenges/convert-number)

- [Simple Tasks Board](node-js-challenges/tasks-board)

- [High-Order Functions Series](js-challenges/hof-series/)

## Typescript

- [Find Multiples of a number](ts-challenges/multiples-numbers)

- [Vowel Count](ts-challenges/vowel-count)

- [Square Every Digits](ts-challenges/square-all-digits)

- [Number of People in the Bus](ts-challenges/people-in-bus)

- [Capitalize Words](ts-challenges/capitalize-words)

- [Shortest Word](ts-challenges/shortest-word)

- [Find the Capitals](ts-challenges/find-capitals)

- [Sum of two lowest positive integers](ts-challenges/sum-positives)

- [Counting Sheep](ts-challenges/counting-sheep)

## External Resources

- [Frontendeval](https://frontendeval.com/)

- [Codewars](https://www.codewars.com/)

- [CSS Demystified Course by Kevin Powell](https://cssdemystified.com/#!)