Booksy frontend

Booksy - 网上书店

欢迎来到 Booksy，这是您首选的在线书店，使用 MERN 堆栈构建，由 Clerk 处理用户身份验证，由 Stripe 处理付款。Booksy 提供各种类型的大量书籍，为图书爱好者提供了一个直观的平台来探索、选择，轻松购买他们最喜欢的读物。无论您喜欢小说、非小说、教育材料还是稀有发现，Booksy 都能满足您的阅读偏好。

特征

• 浏览和搜索：浏览我们丰富的图书馆或使用搜索功能轻松查找特定书籍。
• 图书详细信息：访问有关图书的详细信息，包括摘要、作者详细信息和定价。
• 用户身份验证：通过店员用户身份验证安全注册和登录，以获得个性化且安全的购物体验。
• 用户个人资料：管理您的个人资料、查看个性化推荐并跟踪您的阅读偏好。
• 购物车：结帐前根据需要将书籍添加到购物车、调整数量或删除商品。
• 安全结帐：使用集成支付选项安全地完成您的购买，包括用于安全交易的 Stripe。
• 订单历史记录：查看您过去的订单并跟踪当前购买的状态。
• 收藏夹：将书籍保存到您的收藏夹列表中，以便于将来访问或购买。
• 响应式设计：得益于我们的响应式设计，您可以在所有设备上享受无缝的购物体验。

技术堆栈

前端：React.js 用于动态且响应式的用户界面。后端：Node.js 和 Express.js，用于提供强大的服务器端逻辑和 API 端点。数据库：MongoDB 用于灵活且可扩展的数据存储。支付处理：Stripe 集成可实现安全高效的支付交易。样式：CSS 和响应式设计原则，提供精美且自适应的用户体验。

作者：（团队）

Demetrius Vissarion - https://github.com/demetriusvissarion Thomas Mazzag - https://github.com/TomMazzag Ilhan Abdalle - https://github.com/Illy-hans Jehoshua - https://github.com/AVJehoshua Fawaz塔拉尔 - https://github.com/Fawaztarar

特雷洛

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

Excalidraw

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-后端

• 启动后端服务器：
• npm 启动
• 该应用程序现在应该在 http://localhost:3000 上运行。

启动后端服务器：

配置

环境变量 在后端目录中的 .env 文件和前端目录中的 .env.local 中设置所需的环境变量

MONGO_URI：MongoDB 数据库的连接字符串。 STRIPE_SECRET_KEY：Stripe 支付集成的密钥。 Stripe 集成 确保您已设置 Stripe 帐户并获取支付处理所需的 API 密钥。

用法

探索书店，注册或登录，将书籍添加到购物车，然后继续结帐。在舒适的家中享受无缝的图书购物体验。

贡献

欢迎贡献！如果您想做出贡献，请分叉存储库并使用您的功能或修复创建拉取请求。

执照

Booksy 是开源网络应用程序

致谢

特别感谢 Booksy 和创客团队

阅读愉快！