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
