Josh Javier
@joshjavierAll solutions
- Submitted about 1 month ago
Officelite coming soon site using React+TS, React Aria, & React-Router
#react#react-router#storybook#typescript#accessibility- HTML
- CSS
- JS
- Submitted 2 months ago
Product list with cart using React+TS, Framer Motion, and Storybook
#framer-motion#react#storybook#typescript#vite- HTML
- CSS
- JS
I'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!
- Submitted 3 months ago
REST Countries API with dark mode ft. React TS, Query, Router, Parcel
#parcel#react#react-query#typescript#react-router- HTML
- CSS
- JS
- API
- Submitted 3 months ago
GitHub user search app using Express.js and Axios feat. Lightning CSS
#express#axios- HTML
- CSS
- JS
- API
- Submitted 7 months ago
Responsive, keyboard-accessible calculator app with theme switcher
#accessibility#eleventy#cube-css- HTML
- CSS
- JS
I 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!
- Submitted 7 months ago
Intro component w/ signup form using 11ty, Valibot, and bundled CSS/JS
#accessibility#eleventy#cube-css- HTML
- CSS
- JS
Feedback 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. - Submitted 7 months ago
Contact form using 11ty and Valibot
#accessibility#eleventy#cube-css- HTML
- CSS
- JS
For 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!
- Submitted 9 months ago
Age calculator app built with React, React Hook Form and React Spring
#accessibility#react#vite#animation- HTML
- CSS
- JS
Any 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!
- Submitted 9 months ago
Responsive social links profile with fluid spacing
#accessibility#cube-css- HTML
- CSS
- Submitted 11 months ago
Pricing component with accessible toggle built with HTML and CSS
#accessibility#progressive-enhancement- HTML
- CSS
- JS
- Submitted 12 months ago
Recipe page using HTML, Bootstrap, and Alpine.js
#accessibility#bootstrap- HTML
- CSS
- Submitted about 1 year ago
Bookmark landing page using React, TypeScript, and Vite
#accessibility#cube-css#react#vite- HTML
- CSS
- JS
- Submitted about 1 year ago
FAQ accordion built with React + TypeScript + Vite
#react#typescript#vite#accessibility- HTML
- CSS
- JS
- Submitted about 1 year ago
Blog preview card using React + TypeScript + Vite
#react#typescript#vite- HTML
- CSS
- Submitted about 1 year ago
Job listings with filtering using Svelte and SvelteKit
#accessibility#cube-css#svelte#progressive-enhancement- HTML
- CSS
- JS
- Submitted about 1 year ago
Sunnyside agency landing page using SvelteKit
#accessibility#progressive-enhancement#svelte#vite#cube-css- HTML
- CSS
- JS
- Submitted about 1 year ago
Interactive card details form built with 11ty (WebC) and GSAP
#eleventy#gsap#progressive-enhancement#web-components#accessibility- HTML
- CSS
- JS
- Submitted about 1 year ago
Four card feature section built with 11ty and WebC
#eleventy#progressive-enhancement- HTML
- CSS
- Submitted about 1 year ago
Notifications page with Next.js 14, TypeScript, and Tailwind CSS
#next#tailwind-css#typescript#progressive-enhancement- HTML
- CSS
- JS
- Submitted about 1 year ago
Article preview component using Web Components and Floating UI
#accessibility#web-components#progressive-enhancement- HTML
- CSS
- JS
- Submitted about 1 year ago
Todo app with drag-and-drop and light/dark modes using React
#accessibility#react#tailwind-css#vite#progressive-enhancement- HTML
- CSS
- JS
- Submitted over 1 year ago
Single price grid component built with HTML and CSS
#accessibility#cube-css#progressive-enhancement- HTML
- CSS
- Submitted over 1 year ago
3-column preview card component built with HTML and CSS
#accessibility#cube-css#progressive-enhancement- HTML
- CSS
