App project "📒 Phonebook"

💻 In this project, I built mobile-first adaptive web-app with authorization, profile page, ability to add new contacts and existing contacts filter.

⬇ Welcome! ⬇

Читати іншими мовами: Русский, Українська.

Критерії прийому

• Створено репозиторії goit-react-hw-02-feedback і goit-react-hw-02-phonebook.
• При здачі домашньої роботи є два посилання: на вихідні файли і робочі. сторінки кожного завдання на GitHub pages.
• При запуску коду завдання, в консолі немає помилок і попереджень.
• Для кожного компонента є окремий файл в папці src/components.
• Для компонентів описані propTypes, і де необхідно,defaultProps.
• Все що компонент очікує у вигляді пропсів, передається йому при виклику.
• JS-код чистий і зрозумілий, використовується Prettier.
• Стилізація робиться тільки SASS, CSS-модулями або Styled Components. Виділяй 20% часу на стилізацію і 80% на JS.

Завдання

• Завдання - Телефонна книга

Візьми своє рішення завдання з домашньої роботи 2 і додай зберігання контактів телефонної книги в localStorage. Використовуй методи життєвого циклу.

• При додаванні і видаленні контакту, контакти зберігаються в локальне сховище.
• При завантаженні програми, контакти, якщо такі є, зчитуються з локального сховища і записуються в стан.