Submitted over 1 year ago

TypeScript, Tailwind, ReactHookForm, PWA, A11Y without report issues

fResult• 90

@fResult

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

REST Countries API with color theme switcher

HTML
CSS
JS
API

4advanced

View challenge

Design comparison

SolutionDesign

Solution retrospective

New submission upgraded from the old one

Stack:

Progressive Web Applicatoiin
Node 18 (upgraded from 12.0.0)
TypeScript 4.9.4 (upgraded from 4.0.3)
ReactJS 18.2.0 (upgraded from 17.0.1)
Axios 1.2.1 (upgraded from 0.21.1)
React Router 5.2.0
React Hook Form 6.14.0
Tailwind CSS 3.2.4 (upgraded from 1 (@tailwindcss/postcss7-compat))

Plan to Upgrade: See more in my Gitlab...

IF you have any suggestions, plz let me know. Thank you, thank you, thank you.

Community feedback

fResult• 90

@fResult

Posted over 1 year ago

Updated:

Added Progressive Web Application (could install on Mobile)
Upgraded React version from 17.0.1 to 18.x
Upgraded Tailwind CSS version from 1 to 3.x
Upgrade Axios version from 0.21 to 1.x
Utilized proper type for react-hook-form's functions as prop
Fixed every error for Accessibility (A11Y)
Fixed Chevron down icon in Select component is not placed center

Plan to Upgrade: See more in my Gitlab...

Please log in to post a comment

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord