Josh Javier
@joshjavierAll solutions
Officelite coming soon site using React+TS, React Aria, & React-Router
#react#react-router#storybook#typescript#accessibilitySubmitted 4 months agoProduct list with cart using React+TS, Framer Motion, and Storybook
#framer-motion#react#storybook#typescript#viteSubmitted 5 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 5 months agoGitHub user search app using Express.js and Axios feat. Lightning CSS
#express#axiosSubmitted 5 months agoResponsive, keyboard-accessible calculator app with theme switcher
#accessibility#eleventy#cube-cssSubmitted 9 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 9 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 10 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 11 months 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 about 1 year agoBookmark landing page using React, TypeScript, and Vite
#accessibility#cube-css#react#viteSubmitted about 1 year agoFAQ accordion built with React + TypeScript + Vite
#react#typescript#vite#accessibilitySubmitted about 1 year agoJob listings with filtering using Svelte and SvelteKit
#accessibility#cube-css#svelte#progressive-enhancementSubmitted over 1 year agoSunnyside agency landing page using SvelteKit
#accessibility#progressive-enhancement#svelte#vite#cube-cssSubmitted over 1 year agoInteractive card details form built with 11ty (WebC) and GSAP
#eleventy#gsap#progressive-enhancement#web-components#accessibilitySubmitted over 1 year agoFour card feature section built with 11ty and WebC
#eleventy#progressive-enhancementSubmitted over 1 year agoNotifications page with Next.js 14, TypeScript, and Tailwind CSS
#next#tailwind-css#typescript#progressive-enhancementSubmitted over 1 year agoArticle preview component using Web Components and Floating UI
#accessibility#web-components#progressive-enhancementSubmitted over 1 year agoTodo app with drag-and-drop and light/dark modes using React
#accessibility#react#tailwind-css#vite#progressive-enhancementSubmitted over 1 year agoSingle price grid component built with HTML and CSS
#accessibility#cube-css#progressive-enhancementSubmitted over 1 year ago3-column preview card component built with HTML and CSS
#accessibility#cube-css#progressive-enhancementSubmitted over 1 year ago
