Полное приложение React Todo App с использованием React, Redux, Framer Motion

React Todo App.

Полноценное приложение со всеми функциями.

Сделано с ❤️ Шаифом Арфаном.

живая демонстрация: https://wc-react-todo-app.netlify.app/

Смотреть на Youtube: https://youtu.be/W0Uf_xu350k

Другие проекты на https://github.com/ShaifArfan/wc-project-tutorials

Описание проекта

В этом проекте мы будем создавать полное Todo приложение со всеми функциями. Мы будем выполнять все CRUD операции. Мы будем использовать React.js, а для управления состояниями мы будем использовать Redux. Также мы научимся делать простые анимации с помощью Framer Motion. Это будет полное дружественное приложение для начинающих. Надеюсь, оно вам понравится.

Что мы будем изучать/использовать

React
React Redux
Framer Motion
Иконки React
React Hot Toast
Больше…

Требования

Базовые знания ReactJs
Базовые знания HTML, CSS

Стартовые файлы

Вы можете найти все стартовые файлы в ветке starter-files. Вы можете перейти в ветку starter-files и download zip стартовых файлов или вы можете клонировать проект и git checkout в ветку starter-files.

Начало работы

Рекомендуемый способ начать работу с проектом — следовать руководству на YouTube. Вы найдете все пошаговые руководства. Или вы можете начать проект самостоятельно, следуя приведенному ниже руководству.

После получения начальных файлов вам нужно перейти в каталог файлов и запустить программу

npm install

Войти в полноэкранный режим Выйти из полноэкранного режима

и после этого запустить dev-сервер.

npm start

Войти в полноэкранный режим Выход из полноэкранного режима

Используемые инструменты

Фавикон: Flaticon.com
Редактор кода: VS Code

ЧАСТО ЗАДАВАЕМЫЕ ВОПРОСЫ

В: Как я могу начать работу?

Вы можете начать работу, следуя учебнику по этому проекту на YouTube. Вот ссылка на полный видеоурок: [скоро появится].

В: Что мне нужно для начала работы над проектом?

Просто откройте свой любимый редактор кода и следуйте инструкциям на YouTube.

В: Для кого этот проект?

Проект предназначен для людей, которые хотят получить больше опыта в ReactJs.

Обратная связь

Если у вас есть отзывы, пожалуйста, свяжитесь с нами по адресу @web_cifar

Поддержка

Для получения поддержки присоединяйтесь к нашей группе сообщества.

Лицензия

MIT