All solutions

What are you most proud of, and what would you do differently next time?

since we can't style I decided to make a custom select menu that works like the native tag, It supports:

• arrow up/down navigation
• when select menu is open preselected element gets focus if it doesn't exists then first element or gets focus
• when Escape or Tab key are pushed it closes the menu while giving focus to menu button
• also dynamic select options

export default function SelectMenu() {
  const {
    selectedOption,
    filterExpanded,
    selectOptions,
    handleClick,
    handleKeyDown,
  } = useSelectMenu();
  return (
    
      
        {selectedOption === '' ? 'Filter by Region' : selectedOption}
        
      
      
        {selectOptions.map((option) => (
          
            {option}
          
        ))}
      
    
  );
}

What challenges did you encounter, and how did you overcome them?

kept animations until last minutes, wasn't a good idea

built using react and custom hooks to deal with form input and form validation

this project was all about building accessible tabs and accordion components

second Bootstrap project, I think I'm getting the hang of it, It's really about know what it can and can't do and find the middle ground, however input validation was inconsistent cross browsers i.e maxLength min max input attributes didn't work on firefox, that plus Bootstrap input validation is not accessible so I had to build mine.

I tried building a nice animation but the code was so big and a bit messy, so I went the easy way and used Animejs great animation library see original animation here and the code

So It's my first time using Bootstrap after a year and half writing only vanilla CSS, on one hand I see it as a great workflow and It's concept is great on the other hand I got annoyed every time I had to override things so It looks like you can't build stuff with Bootstrap only, and considering how small and simple this project is I don't see myself using it on complicated projects, however It will be very useful to build some ui components quickly, I would like to get comfortable with it at least, so any feedback or resources will help so much, thank you.

Tried my best to make each counter as modular as possible, which means the code is easy to scale and maintain, tried to play with sound, please enable audio on firefox then hit refresh, on chrome it doesn't want to work smh. It was a fun challenge to build, would love to get some feedback on the javascript :)

would love to get some feedback on the javascript

Built With:

PostCSS, SCSS and js.

would love to get some feedback on code quality and css animation, thank you

Built With:

PostCSS SCSS

took some liberties to change some design (font size was too big for a 1440px screen size) the setup and file structure is a bit too much for such a small project, but it works on the long run

does the css file look too big ? I think I wrote too much css

I took some liberties and added a a feature to identify card company type using regular expressions, It supports Visa, masterCard, Discover and American Express. excuse the not so impressing animation, still need to work on that

still not sure of accessibility