Natacha Ivannikova's Projects
Proyecto desarrollado en React con consulta a la base de datos de Airtable. Usando Hooks para la gestión del estado y el ciclo de vida de los componentes. React-router. Y también uso la libreria react-fontawesome.
Pequeño proyecto realizado en React donde uso Hooks. Desplegado en Netlify.
Proyecto desarrollado en React con React-router, Hooks para la gestión del estado y el ciclo de vida de los componentes y Context para la gestión del estado global. También con persistencia en LocalStorage.
En este proyecto uso Arrow Functions, const, let, Async/Await, ES6 Modules, Fetch. Webpack como module bundle aprendiendo a configurarlo a mano. ESLint y Netlify para el deploy. Usando metodología BEM y Atomic Design para la división de los estilos. Con PostCSS y Custom properties (variables CSS) para escribir CSS moderno. HTML con marcado semántico (aside, section, figure, etc.)
Paso a React un proyecto desarrollado con JavaScript donde uso react-router, gestión de estado local, Componentes de tipo Clase (jugando con el estado) y Componentes funcionales. También uso 2 librerías de terceros, react-select y marvina-carousel-react.
Aplicación desarrollada en React con TypeScript. Contiene tests unitarios con JEST, test de integración con Testing Library y test End to End con Cypress. Challenge y diseño de Frontend Mentor: https://www.frontendmentor.io/profile/natassh
Layout web con CSS Grid, Flexbox y otras técnicas modernas
Mi web personal donde he usado Grid Layout, Flex-box, Custom properties & Variable fonts con HTML5, BEM & Atomic design.
Cambiando mi web estática de HTML/CSS a componentes funcionales ⚛️
Aplicación desarrollada en React con TypeScript. Contiene tests unitarios con JEST, test de integración con Testing Library y test End to End con Cypress. Challenge y diseño de Frontend Mentor: https://www.frontendmentor.io/profile/natassh
Sass makes CSS fun again.
Mi primer proyecto completo en React, un buscador de películas ;-)
Aplicación de la lista de la compra desarrollada en React + TypeScript y gestionando el estado global con Redux. Testeada con Jest y Testing Library
Proyecto desarrollado en React + TypeScript atacando un backend creado con Express. Testeado con Jest para test unitarios, Testing Library para los componentes y Cypress para e2e
Creada una api "fake" con Fastify para el proyecto de testimonials-frontend. Lo tengo desplegado con Heroku.
Aplicación creada con CRA donde practico grid. Obtengo los datos de la api "fakeada" en Fastify y desplegada con Heroku.
Proyecto desarrollado en React + TypeScript atacando un backend creado con Fastify. Testeado con Jest para test unitarios, Testing Library para los componentes y Cypress para e2e
Proyecto desarrollado en React. Uso Hooks para la gestión del estado y el ciclo de vida de los componentes. También incorporo una libreria de terceros: react-select
A jQuery plugin to create a dynamic, multi-column layout.