ViktorSvertoka / goit-react-hw-07-phonebook

Home task for React course📘

Home Page:https://viktorsvertoka.github.io/goit-react-hw-07-phonebook/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Використовуй цей шаблон React-проекту як стартову точку своєї програми.

Критерії приймання

  • Створений репозиторій goit-react-hw-07-phonebook
  • Використана бібліотека Redux Toolkit

Телефонна книга

Виконай рефакторинг коду застосунку «Телефонна книга». Видали код, який відповідає за зберігання та читання контактів з локального сховища, та додай роботу з бекендом для зберігання контактів.

Створи бекенд для розробки за допомогою UI-сервісу mockapi.io. Зареєструйся, використовуючи свій обліковий запис GitHub.

Створи ресурс contacts, щоб отримати ендпоінт /contacts. Використовуй конструктор ресурсу та опиши об'єкт контакту як на ілюстрації.

Contact schema

Використовуй функцію createAsyncThunk або RTK Query для взаємодії з бекендом та асинхронними запитами.


npm install styled-components@5.3.10

import styled from 'styled-components';


npm i react-redux

import { Provider } from 'react-redux'


npm i redux-persist

import { PersistGate } from 'redux-persist/es/integration/react'


npm i @reduxjs/toolkit

npm install redux

npm install @redux-devtools/extension

npm i axios


URL

https://649496f90da866a9536803ee.mockapi.io

About

Home task for React course📘

https://viktorsvertoka.github.io/goit-react-hw-07-phonebook/


Languages

Language:JavaScript 96.2%Language:HTML 2.8%Language:CSS 1.0%