Josh Javier
@joshjavierAll solutions
Hangman game using React, TS, Mantine, Valtio FSM, Motion
#framer-motion#react#typescript#viteSubmitted 3 days agoOfficelite coming soon site using React+TS, React Aria, & React-Router
#react#react-router#storybook#typescript#accessibilitySubmitted 6 months agoProduct list with cart using React+TS, Framer Motion, and Storybook
#framer-motion#react#storybook#typescript#viteSubmitted 7 months agoI'm having a weird error in
StrictMode: when removing an item from the cart, adding it immediately after would cause the same item to get added in the cart twice. This causes a warning that two children have the same key.I spent some time debugging this issue but I can't seem to find the cause. Fortunately, this error doesn't show up in production, but any insights are most welcome!
REST Countries API with dark mode ft. React TS, Query, Router, Parcel
#parcel#react#tanstack-query#typescript#react-routerSubmitted 7 months agoGitHub user search app using Express.js and Axios feat. Lightning CSS
#express#axiosSubmitted 7 months agoResponsive, keyboard-accessible calculator app with theme switcher
#accessibility#eleventy#cube-cssSubmitted 11 months agoI haven't spent a lot of time on improving the screen reader accessibility, so if you spot any room for improvement, I'd love to hear it!
Intro component w/ signup form using 11ty, Valibot, and bundled CSS/JS
#accessibility#eleventy#cube-cssSubmitted 11 months agoFeedback on accessibility is welcome!
I used instant and afterward validations for the input fields, with errors that have
aria-live="assertive". For submit validation, if there's more than one invalid field, I show the error messages witharia-live="off"and instead announce a screen reader-only error summary indicating the number of invalid fields.Contact form using 11ty and Valibot
#accessibility#eleventy#cube-cssSubmitted 11 months agoFor accessibility testing, I'm limited to using VoiceOver on my iPhone SE, so feel free to let me know how I can improve the accessibility implementation. Of course, you can comment on other parts of the code as well!
Age calculator app built with React, React Hook Form and React Spring
#accessibility#react#vite#animationSubmitted about 1 year agoAny feedback on the animations? I added it last and didn't want to over-optimize, but I feel like it could use more oomph. It's my first time using React Spring, so I'm still not aware of its full capabilities. Anyway, constructive feedback is welcome!
Pricing component with accessible toggle built with HTML and CSS
#accessibility#progressive-enhancementSubmitted over 1 year agoBookmark landing page using React, TypeScript, and Vite
#accessibility#cube-css#react#viteSubmitted over 1 year agoFAQ accordion built with React + TypeScript + Vite
#react#typescript#vite#accessibilitySubmitted over 1 year agoJob listings with filtering using Svelte and SvelteKit
#accessibility#cube-css#svelte#progressive-enhancementSubmitted over 1 year ago
