React-Auth-Forms

Небольшое SPA-приложение с базовыми сценариями аутентификации: регистрация, вход, восстановление и сброс пароля.

Цель

Попробовать развернуть на node.js что-то простенькое.

Функциональность

• Регистрация нового пользователя
• Авторизация существующего пользователя
• Восстановление пароля по email
• Сброс пароля по ссылке
• Валидация форм на клиенте
• Отображение ошибок от сервера
• Базовые тесты пользовательских сценариев

Технологии

• React
• TypeScript
• Vite
• React Router
• React Hook Form
• SCSS Modules
• Vitest + Testing Library
• ESLint

Запуск проекта

1) Запуск backend (server)

cd server
node server.js

2) Запуск frontend (client)

В новом терминале, из корня проекта:

npm install npm run dev Frontend: http://localhost:5173 Backend: http://localhost:3000

Тестовые данные

Для быстрого входа можно использовать тестового пользователя: Логин: Alex Пароль: 123456 Email: test@mail.ru

Что можно протестировать?

Вход с тестовым пользователем Регистрацию нового пользователя Восстановление пароля по email

Сброс пароля по ссылке из логов backend-сервера

Как проверить восстановление/сброс пароля Перейти на страницу восстановления пароля. Ввести email и отправить форму. В консоли backend появится ссылка для сброса. Открыть ссылку и установить новый пароль. Проверить вход с новым паролем.

Скрипты

npm run dev — запуск frontend в режиме разработки
npm run build — production-сборка frontend
npm run preview — предпросмотр production-сборки
npm run lint — проверка ESLint
npm run test — запуск тестов Vitest

Цель Попробовать развернуть на node.js что-то простенькое)