More Premium Hugo Themes Premium Nuxt Themes

Nuxt Bnhcp

nuxt、node/express、vue、mysql、redis、socket.io (全栈-实战商城)~

Nuxt Bnhcp

nuxt、node/express、vue、mysql、redis、socket.io (全栈-实战商城)~

Author Avatar Theme by github1586
Github Stars Github Stars: 2137
Last Commit Last Commit: Feb 25, 2022 -
First Commit Created: Dec 18, 2023 -
Nuxt Bnhcp screenshot

Product Analysis: Nuxt-Bnhcp

Overview

Nuxt-Bnhcp is a web application built using Node.js, Express, Vue, Vuex, MySQL, Nuxt SSR, NGINX, and Redis. It offers features for rendering course categories, sorting courses, filtering courses, loading more course details, scheduling appointments, user authentication, setting preferences, managing coupons and wallets, and purchasing courses.

Features

  • Homepage Rendering: Render course categories and search courses.
  • Sorting: Sort courses by intelligent sorting, highest price, lowest price, teacher rating, and popularity.
  • Filtering: Filter courses by class type, promotional offers, class schedules, and price range.
  • Load More: Load more courses when scrolling through the course list.
  • Course Details: Display detailed information and allow for trial class reservations.
  • Category Pages: Categorize courses for easier navigation.
  • User Profile: Display user-specific information and provide settings options.
  • Shopping Cart: Add, remove, and checkout items in the shopping cart.
  • Order Management: Display all orders, pending payments, and successful transactions.
  • Caching: Implement caching for homepage and pagination using Redis.
  • Serverless Deployment: Utilize Tencent Cloud’s serverless service for deployment.

Installation

To install and setup Nuxt-Bnhcp, follow these steps:

  1. Install Node.js (v6.9.1) and MySQL (v5.7.18).
  2. Clone the GitHub repository of Nuxt-Bnhcp.
  3. In the project’s root directory, run npm install to install the dependencies.
  4. Import the MySQL database dump file provided.
  5. Configure the MySQL connection settings in the project’s .env file.
  6. Run npm run dev to start the development server.

Summary

Nuxt-Bnhcp is a feature-rich web application built using a combination of popular technologies. It offers a seamless user experience with various functionalities such as course rendering, sorting, filtering, trial class reservations, user profiles, shopping cart management, and order handling. Additionally, it employs caching using Redis and allows for serverless deployment through Tencent Cloud.