Приложение запущено и работает на
https://nextjs-ecommerce-typescript.vercel.app/
- не забудьте поставить звезду! :)
Авторы
Функции
ПРИМЕЧАНИЕ
- Панель администратора доступна вам только в том случае, если вы ее клонируете. Вы не можете зарегистрироваться для учетной записи администратора. Я добавил фиктивный продукт и категории.
многопользовательская система входа в систему
- Войти/Регистрация ✔
- Забыли пароль ✔
- Проверка JWT для каждого авторизованного запроса ✔
- Проверка авторизации для доступа администратора и доступа клиентов ✔
АДМИН-ПАНЕЛЬ
- Добавить товар ✔
- просмотреть товар ✔
- Удалить товар ✔
- обновить продукт ✔
- Добавить категорию ✔
- просмотреть категорию (таблицы данных) ✔
- обновить категорию ✔
- Удалить категорию ✔
- категория поиска По названию ✔
- поиск товара по категории Название ✔
- Оформить доставку заказа ✔
- Список отложенных ордеров ✔
- Заполненный список заказов ✔
Клиент
- Посмотреть продукт и категорию ✔
- просмотреть товар, относящийся к определенной категории ✔
- просматривать детали динамических страниц с помощью хлебного лагеря ✔
- Добавьте товар в корзину ✔
- Удалить товар из корзины ✔
- Увеличить Уменьшить количество товара в корзине ✔ (ЕСЛИ количество товара на складе меньше количества в корзине, то вы не можете увеличить количество этого товара)
- Оповещение, если количество на складе недоступно ✔
- Добавить в закладки любимый продукт ✔
- удалить товар из закладки ✔
- Заказать товар ✔
- После создания заказа наличие товара в корзине для текущего пользователя будет удалено ✔
- отслеживать статус заказа ✔
- Посмотреть детали заказа ✔
Примечание
Больше функциональности будет добавлено со временем
Технология
- Следующийjs 13
- Машинопись
- CSS попутного ветра
- набор инструментов Redux
- инструкция по дрочке
- монгоБД
- Перехватчики SWR для получения API
Переменные среды
Чтобы запустить этот проект, вам нужно будет добавить следующие переменные среды в ваш .env-файл.
DB_URI = URL-адрес вашей mongoDB
JWT_SECREAT = Ваш собственный ключ JWT_SECREAT
NEXT_PUBLIC_API_BASE_URL = Базовый URL-адрес для локального хоста => http://localhost:3000
Установка
Установите мой проект с помощью npm
npm install
npm run dev (for development server)
npm run build (for Production)
npm run preview (To View Production Server )
Снимки экрана
Панель администратора
Администратор Добавить товар
Администратор Добавить категорию
Категория просмотра администратора
Администратор Посмотреть продукт
Административный поиск продукта по названию категории
Категория поиска администратора с названием категории
Список отложенных заказов
Завершенный список заказов
Целевая страница
просмотреть продукт определенной категории с помощью Dynamic Breadcamp
просмотреть детали продукта с помощью Dynamic Breadcamp
Страница корзины
Оповещение, ЕСЛИ количество товара отсутствует на складе
Любимые продукты
Удалить избранные продукты
Поиск любимых продуктов по названию продукта
Заказать продукт
Отслеживание заказов
Проверить детали заказа
