MERN Task Manager

Todolist App

Это приложение «Менеджер задач», которое позволяет пользователям создавать, читать, обновлять и добавлять в любимые задачи. Он построен на стеке Mern (MongoDB, Express, React и Node.js), и он имеет функции авторизации и аутентификации с использованием JWT и BCRYPT, для управления государством я использовал Redux Toolkit.

-Попединный V-2.0--

1. Добавлена ​​функция Google Authentication (OAUTH) с использованием Firebase.
2. Changed UI в создании, списках, входной/зарегистрированной страницы.
3. Added User Profile Page (у него изображение профиля пользователя, имя пользователя, идентификатор электронной почты и UID).
4. Добавлена User Delete Account .
5. Добавлено GENAI Page, это AI feature , где вы можете спросить свои проблемы, идеи, решение и т. Д., Который AI , построенный на Близнецах.
6. Добавлено поле NOTES на странице Create, где вы можете написать свои заметки вместе с вашей задачей.
7. Добавлен STATUS (pending, in-working, completed) опция в Todo-Task.
8. Добавлена ​​функция Show/Hide Password в поле «Зарегистрироваться/регистрация».
9. Updated домашняя страница в темном режиме.
10. Add GenAI button в дом и создайте страницу.
11. Added Update User Profile feature (обновление изображения профиля пользователя, имя пользователя, электронная почта и пароль).

12. Continue......

Функции

• Пользователи могут зарегистрироваться и войти в систему со своей электронной почтой и паролем.
• Пользователи могут создавать задачи с заголовком.
• Пользователи могут просматривать свои задачи в списке.
• Пользователи могут редактировать или удалять свои задачи.
• Пользователи могут пометить свои задачи как завершенные или неполные.
• Пользователи могут выходить из своей учетной записи.
• Темный режим, добавьте в любимую функциональность.

Ссылка предварительного просмотра проекта

Todolist_project_link

Установка

Чтобы запустить это приложение локально, вам необходимо установить Node.js, NPM и MongoDB на вашей машине. Затем следуйте этим шагам:

• Клонировать этот репозиторий на местную машину.

• Перейдите к папке проекта и запустите npm install для установки зависимостей.

• Создайте файл .env в корневой папке и добавьте следующие переменные:

  • PORT : номер порта для сервера (по умолчанию 5000).
  • MONGO_URI : строка подключения для вашей базы данных MongoDB.
  • JWT_SECRET : секретный ключ для генерации токенов JWT.

• Запустите npm run dev , чтобы запустить сервер и запустить npm run start , чтобы запустить приложение React.

• Откройте свой браузер и перейдите на http://localhost:3000 чтобы увидеть приложение в действии.