megamart ecommerce

Сайт электронной коммерции Megamart

Добро пожаловать на мой сайт электронной коммерции React Redux! Этот проект представляет собой полное решение для электронной коммерции, созданное с React, Redux, Redux-Toolkit и различными другими технологиями. Независимо от того, являетесь ли вы разработчиком внести свой вклад, владелец бизнеса, заинтересованные в моей платформе, или просто любопытный пользователь, этот Readme поможет вам через основные детали моего проекта.

Оглавление

• Функции
• Технологии используются
• Установка
• Использование
• Внося
• Лицензия

Функции

My React Redux Megamart Ecommerce Features:

• КАТАЛОГ ПРОДУКТА: Просмотрите и ищите продукты в различных категориях.
• Аутентификация пользователя: зарегистрируйте, войдите в систему и управляйте профилем пользователя.
• Корзина для покупок: добавьте и удаляйте предметы из вашей корзины, обновите количество и перейдите к оформлению.
• Управление заказами: просмотреть и управлять историей заказа.
• Панель администратора: интерфейс администратора для управления продуктами, категориями и заказами.
• Адаптивный дизайн: пользовательский интерфейс, удобный для мобильных устройств для бесшовного опыта покупок на всех устройствах.
• Интеграция платежей: безопасная обработка платежей для выполнения заказов.

Технологии используются

• React: популярная библиотека JavaScript для создания пользовательских интерфейсов.
• Redux: библиотека управления государством для предсказуемого состояния приложения.
• React Router: для обработки навигации в рамках приложения. Этот маршрутизатор реагирования я использую (React-Router-Dom) V6.
• Node.js: время выполнения JavaScript для создания серверной стороны приложения.
• Express.js: платформа веб -приложения для создания RESTFUL API.
• Mongoose: Mongoose - это библиотека моделирования данных объекта (ODM) для MongoDB.
• Полоса: интеграция обработки платежей для безопасных транзакций.
• Tailwindcss: для стилизации пользовательского интерфейса.

Установка

Чтобы начать с моего веб -сайта React Redux Ecommerce, выполните следующие действия:

1. Клонировать этот репозиторий в локальную машину, используя git.

   git clone https://github.com/sksabbirhossain/megamart-ecommerce.git

2. Изменение в каталоге проекта.

    cd megamart-ecommerce

3. Установить зависимости сервера. (рекомендуется использовать пряжу)

   yarn install

   Или,

   npm install

4. Создайте файл .env или rename .env.dev в .env и добавьте свою собственную конфигурацию на основе предоставленного файла .env.dev .

5. Запустите сервер разработки, используя эту команду.

   yarn start

   Или

   npm start

6. Доступ к приложению в вашем веб -браузере по адресу http://localhost:3000 .

Использование

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

Если вы являетесь администратором, получите доступ к панели администратора для управления продуктами, категориями и заказами.

1. Перейдите на этот URL и войдите в систему как администратор

   http://localhost:3000/admin

2. Войдите в свою учетную запись администратора, используя эту информацию.

   email: [email protected]
   password: 1111

Если вы успешно входите как администратор, то вы можете управлять всем.

Внося

Если у вас есть какие -либо предложения о том, что улучшить этот веб -сайт, пожалуйста, поделитесь своими идеями и создайте свой запрос на привлечение.

Лицензия

Этот проект лицензирован по лицензии MIT. Не стесняйтесь использовать, изменять и распространять его в соответствии с условиями лицензии.

Наслаждайтесь своим опытом покупок с моим веб-сайтом электронной коммерции Megamart! Если у вас есть какие -либо вопросы или столкнуться с какими -либо проблемами, пожалуйста, создайте проблему или свяжитесь со мной.

Код на стороне сервера здесь.

    https://github.com/sksabbirhossain/megamart-ecommerce-server.git