natassh Goto Github PK

followers: 12.0 following: 0.0 repos: 26.0 gists: 0.0

Name: Natacha Ivannikova

Type: User

Bio: Front-end Developer ✨ JS ✨ React ✨ HTML5 ✨CSS✨ Speak 🇪🇸🇷🇺(🇬🇧)

Twitter: natassh

Location: Santander

Blog: https://www.natachaivannikova.com/

✨✨ Hi, I'm Natacha and I'm a Frontend Developer ✨✨

🇪🇸 🇷🇺 🇬🇧

Connect with me 📩

My experience 👩🏼‍🎓

I have previously been a WordPress web developer. From a design I do all the layout in HTML5 being very detailed and at a very optimal semantic level for SEO. I work CSS Cross-browser using Sass, Flexbox, Grid Layout and all the news that are standardized.

For 2 years, I have been focused on the Front world learning JavaScript, React, TypeScript and Tests with JEST, Testing Library and Cypress.

I am constantly evolving and learning.

Languages and tools in my day to day 👩🏼‍💻

Latest projects in React ⚛️

Application developed in React with TypeScript. It contains unit tests with JEST, integration tests with Testing Library and End to End tests with Cypress.

Application developed in React with TypeScript where I list job offers from the GitHub api. It contains unit tests with JEST, integration tests with Testing Library and End to End tests with Cypress.

Application developed in React with TypeScript. It contains unit tests with JEST, integration tests with Testing Library and End to End tests with Cypress.

Project developed in React with React-router, Hooks for the management of the state and the life cycle of the components and Context for the management of the global state. Also with persistence in LocalStorage.

Project developed in React with consultation of the Airtable database. Using Hooks for component life cycle and health management. React-router. And I also use the react-fontawesome library.

I move to React a project developed with JavaScript where I use react-router, local state management, Class-type Components (playing with the state) and Functional Components. I also use 2 third party libraries, react-select and marvina-carousel-react.

The application is developed with React and TypeScript using the CRA boilerplate. At the login system I have used Firebase, the authentication part with the username and password. Another important part of this project is the management of the state, which I have managed with Redux.

Application developed in React with TypeScript. Use grid for layout. It contains unit tests with JEST, integration tests with Testing Library and End to End tests with Cypress.

Project developed in React with TypeScript. Use grid for layout.

📌 And more here

Latest projects in WordPress 🌐

More about me 🔑

✅ I like a job well done.
🕐 Comply with deadlines.
👍 Helping my client.
🔄 Having mutual trust.
😀 Sharing of values and principles.
👥 Teamwork.
➕ Positivism.
💃 Enjoy working.

❤️ Thanks for reading about me

Natacha Ivannikova's Projects

bloguerasdemoda

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.

breacking-bad

Pequeño proyecto realizado en React donde uso Hooks. Desplegado en Netlify.

cocktailsreact

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.

codeoscopic-test

dogsjs

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.)

dogsreact

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.

formic-antdesign-example

gatsbytest

jobs-app

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

Layout web con CSS Grid, Flexbox y otras técnicas modernas

myweb

Mi web personal donde he usado Grid Layout, Flex-box, Custom properties & Variable fonts con HTML5, BEM & Atomic design.

natachaivannikova

natachaivannikovareact

Cambiando mi web estática de HTML/CSS a componentes funcionales ⚛️

natassh

openbank

react-typescript-todo-app

sass

Sass makes CSS fun again.

searchmovies

Mi primer proyecto completo en React, un buscador de películas ;-)

shopping-list

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

test-playtomic

testimonials-app-react-api_express

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

testimonials-backend

Creada una api "fake" con Fastify para el proyecto de testimonials-frontend. Lo tengo desplegado con Heroku.

testimonials-frontend

Aplicación creada con CRA donde practico grid. Obtengo los datos de la api "fakeada" en Fastify y desplegada con Heroku.

testimonials-react-api_fastify

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

weather-forecast

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

wookmark-jquery

A jQuery plugin to create a dynamic, multi-column layout.