Booksy frontend

Booksy - Интернет-магазин книг

Добро пожаловать в Booksy, ваш популярный книжный интернет-магазин, созданный с использованием стека MERN, где аутентификация пользователей осуществляется Clerk, а платежи обрабатываются Stripe. Booksy предлагает обширную коллекцию книг различных жанров, предоставляя любителям книг интуитивно понятную платформу для изучения и выбора. и с легкостью приобретать свои любимые книги. Любите ли вы художественную, научно-популярную литературу, образовательные материалы или редкие находки, Booksy создан с учетом ваших читательских предпочтений.

Функции

• Просмотр и поиск : перемещайтесь по нашей обширной библиотеке или воспользуйтесь функцией поиска, чтобы легко находить конкретные книги.
• Сведения о книге : доступ к подробной информации о книгах, включая краткое содержание, сведения об авторе и цены.
• Аутентификация пользователя : безопасно зарегистрируйтесь и войдите в систему с помощью аутентификации пользователя Clerk, чтобы получить персонализированный и безопасный опыт покупок.
• Профили пользователей : управляйте своим профилем, просматривайте персональные рекомендации и отслеживайте свои предпочтения в чтении.
• Корзина : добавьте книги в корзину, отрегулируйте количество или удалите товары по мере необходимости перед оформлением заказа.
• Безопасная оплата : безопасно совершайте покупки с помощью встроенных способов оплаты, включая Stripe для безопасных транзакций.
• История заказов : просмотрите свои прошлые заказы и отслеживайте статус текущих покупок.
• Избранное : сохраняйте книги в список избранного для быстрого доступа или покупки в будущем.
• Адаптивный дизайн . Наслаждайтесь удобными покупками на всех устройствах благодаря нашему адаптивному дизайну.

Технический стек

Интерфейс: React.js для динамичного и отзывчивого пользовательского интерфейса. Бэкэнд: Node.js и Express.js для надежной серверной логики и конечных точек API. База данных: MongoDB для гибкого и масштабируемого хранения данных. Обработка платежей: интеграция Stripe для безопасных и эффективных платежных транзакций. Стилизация: CSS и принципы адаптивного дизайна для безупречного и адаптивного пользовательского опыта.

Авторы: (Команда)

Деметрий Виссарион - https://github.com/demetriusvissarion Томас Мацзаг - https://github.com/TomMazzag Ильхан Абдалле - https://github.com/Illy-hans Иегошуа - https://github.com/AVJehoshua Фаваз Тарар - https://github.com/Fawaztarar

Трелло

https://trello.com/b/qv2hfgk4/ecommerce-final-project

Экскалидро

https://excalidraw.com/#room=a5e0e468c208d0365181,Nr2s0OMVmuSbWFPOP75-5A

Миро

API-документы

Начиная

Чтобы настроить проект Booksy локально, выполните следующие действия:

Предварительные условия

Node.js MongoDB

Установка

Настройка серверной части

1. Клонируйте внутренний репозиторий:

git-клон https://github.com/AVJehoshua/Booksy-backend.git

Клонируйте репозиторий или скачайте исходный код:

Настройка внешнего интерфейса

2. Клонируйте внутренний репозиторий:

git-клон https://github.com/TomMazzag/Booksy-frontend.git

Перейдите в каталог проекта:

cd Booksy-интерфейс

• установка npm
• установить зависимости
• Запустите сервер разработки React:

Установите необходимые зависимости для бэкэнда:

cd Booksy-бэкэнд

• Запустите внутренний сервер:
• запуск НПМ
• Теперь приложение должно работать на http://localhost:3000.

Запустите внутренний сервер:

Конфигурация

Переменные среды. Настройте необходимые переменные среды в файлах .env во внутреннем каталоге и .env.local во внешнем интерфейсе.

MONGO_URI: строка подключения для вашей базы данных MongoDB. STRIPE_SECRET_KEY: секретный ключ для интеграции платежей Stripe. Интеграция Stripe Убедитесь, что вы настроили свою учетную запись Stripe и получили необходимые ключи API для обработки платежей.

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

Исследуйте книжный магазин, зарегистрируйтесь или войдите в систему, добавьте книги в корзину и приступайте к оформлению заказа. Наслаждайтесь покупками книг, не выходя из дома.

Содействие

Вклады приветствуются! Если вы хотите внести свой вклад, создайте форк репозитория и создайте запрос на включение с вашими функциями или исправлениями.

Лицензия

Booksy — веб-приложение с открытым исходным кодом.

Благодарности

Особая благодарность команде Booksy и Makers.

Приятного чтения!