https://github.com/mityaua/goit-react-hw-01-components

React components, collections, styles
https://github.com/mityaua/goit-react-hw-01-components

cssmodules modern-normalize react reacthooks

Last synced: about 13 hours ago
JSON representation

React components, collections, styles

• Host: GitHub
• URL: https://github.com/mityaua/goit-react-hw-01-components
• Owner: mityaua
• Created: 2021-03-18T20:20:23.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2021-04-21T16:56:14.000Z (over 3 years ago)
• Last Synced: 2024-09-20T03:30:55.649Z (5 days ago)
• Topics: cssmodules, modern-normalize, react, reacthooks
• Language: JavaScript
• Homepage: https://mityaua.github.io/goit-react-hw-01-components
• Size: 1.31 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Критерии приема

- Создан репозиторий `goit-react-hw-01-components`.

- Компоненты всех заданий рендерятся на одной странице, внутри общего

  контнейра - корневого компонента ``.

- При сдаче домашней работы есть ссылка на репозиторий с исходным кодом проекта.

- В шапке репозитория есть ссылка на живую страницу на `GitHub pages`.

- При посещении рабочей страницы (GitHub pages) задания, в консоли нету ошибок и

  предупреждений.

- Для каждого компонента есть отдельная папка с файлом React-компонента и файлом

  стилей.

- Для компонентов описаны `propTypes`, и, где необходимо, `defaultProps`.

- Все что компонент ожидает в виде пропсов, передается ему при вызове.

- Имена компонентов понятные, описательные.

- JS-код чистый и понятный, используется `Prettier`.

- Стилизация делается только `SASS`, `CSS-модулями` или `Styled Components`,

  поэтому классы в результирующем DOM могут отличаться от примеров.

- Достаточно базовой стилизации приложения, в первую очередь оно должно

  работать, а уже потом быть красивое. Выделяй 20% времени на CSS и 80% на JS.

## Задания

- [Задание 1 - Профиль социальной сети](https://github.com/goitacademy/react-homework/blob/master/homework-01/social-profile/)

- [Задание 2 - Секция статистики](https://github.com/goitacademy/react-homework/blob/master/homework-01/statistics/)

- [Задание 3 - Список друзей](https://github.com/goitacademy/react-homework/blob/master/homework-01/friend-list/)

- [Задание 4 - История транзакций](https://github.com/goitacademy/react-homework/blob/master/homework-01/transaction-history/)