Code, Create, React – By Natalia
As a passionate frontend engineer, I am committed to constant growth, refining my skills, and staying up-to-date with the latest trends and technologies in the field.
Welcome to my personal collection of frontend mini-projects, developed to deepen my knowledge and expertise in React.
With a solid foundation in testing, extensive frontend development expertise, a keen eye for quality, and a genuine passion for delivering exceptional user experiences, I bring a valuable set of skills and capabilities to every project I undertake.
Feel free to connect with me on LinkedIn to engage in further professional discussions.
Redux, React Query, React Router, and External APIs
Dimension Explorer

React QueryReact DaisyUITailwind CSSObservable Plotreact-range-slider-inputGitHub Repo
Train Tracker
React HooksWMATA APIicones.js.orgGitHub Repo
Photo Album

React QueryTailwind CSSreact-infinite-scroll-componentreact-usereact-dndreact-dnd-html5-backendreact-dnd-touch-backendSlingacademy APIReact IconsGitHub Repo
e-commerce: Cushy Comfort

React Context APIReact Router 6AuthOStripe APIAxiosFormspreeNetlify FunctionsStyled ComponentsReact IconsGitHub Repo
Job tracking app: JobHuntX

React Router 6Redux ToolkitRechartsAxiosLocal StoragePaginationStyled ComponentsReact IconsReact-TostifyGitHub Repo
ReduxToolkitCart

ReduxRedux ToolkitImmerRedux ThunkRedux DevToolsHeroiconsGitHub Repo
UnsplashMagic

React QueryReact Query DevtoolsAxiosReact IconsDark ModeUnsplash APIGitHub Repo
SipCraft

React QueryReact Router 6AxiosStyled ComponentsReact-ToastifyTheCocktailDB APIGitHub Repo
Contentful CMS

Contentful APIGitHub Repo
React Hook Snippets
ReactUseReducerCart

useStateuseEffectcreateContextuseContextuseReducerReact IconsGitHub Repo
DynamicNavPro

useStatecreateContextuseContextcustom hooksReact IconsGitHub Repo
SidebarSurfer

useStatecreateContextuseContextcustom hooksReact IconsGitHub Repo
Navtastic

useStateuseRefReact IconsGitHub Repo
TabMaster

useStateuseEffectuuidReact IconsGitHub Repo
SlideEase

useStateuseEffectReact IconsReact Slick CarouselGitHub Repo
SmartShopper

useStatenanoidformLocal StorageReact-ToastifyGitHub Repo
ColorBurst

useStatenanoidformNavigator: clipboardReact-ToastifyGitHub Repo
TextGenius

useStatenanoidformGitHub Repo
MenuVerse

useStateGitHub Repo
AccordionFun

useStateReact IconsGitHub Repo
OpinionSpot

useStateReact IconsGitHub Repo
CakeMates

useStateGitHub Repo
WindingWays

HTMLReactGitHub Repo



