Betadvisory

BetaAdvisory Website Documentation

1. Introduction

Project Overview: The BetaAdvisory Website is an e-commerce platform designed for selling and exchanging studies between the company and clients. Additionally, the website offers various training programs. It includes e-commerce standard features such as cart, wishlist, search functionality, and advanced filtering options. The platform integrates the CMI payment system for transactions. Users receive digital products via email and have a dedicated space to manage their purchased or exchanged studies and registered trainings. Admin can manage all aspects of the site, including studies, trainings, categories, users, and newsletters.
Key Features:
- E-commerce Functionality: Standard features like cart, wishlist, product search, and advanced filters.
- CMI Payment Integration: Secure online payment for digital products.
- Exchange System: Allows studies to be exchanged between the company and the client.
- Training Registration: Users can register for trainings without online payment.
- User Dashboard: Users can view their purchased/exchanged studies and registered trainings.
- Admin Panel: Full control over website content, categories, products, and user management.
- Newsletter Integration: Users can subscribe to newsletters to receive updates.

2. Project Structure

Architecture Overview:
- Frontend: Built with Vue.js components and Tailwind CSS for responsive design and interactivity.
- Backend: Developed using Laravel for handling all business logic, REST API, and database interactions.
- Database: MySQL is used for managing data related to studies, trainings, users, and transactions.

3. Features

Landing Page
- Overview: A comprehensive landing page that highlights the company’s services, featured studies, and training offers.
- User Experience: Engaging design with calls to action, making it easy for users to explore available studies and trainings.
- Technical Implementation:
  - Frontend: Designed with Tailwind CSS and Vue.js for dynamic interactions.
  - Backend: Managed through Laravel, dynamically fetching data based on user interactions.
Studies Marketplace
- Overview: A marketplace where users can buy studies or request exchanges with BetaAdvisory.
- User Experience: Users can browse, search, and filter studies by categories, and manage their purchases or exchange requests.
- Technical Implementation:
  - Frontend: Vue.js components for listing studies, filtering options, and exchange request handling.
  - Backend: Laravel manages the exchange system, purchases, and CMI payment integration.
Trainings Section
- Overview: Users can browse through available trainings and register without needing to pay online.
- User Experience: Easy registration process for users interested in BetaAdvisory's training programs.
- Technical Implementation:
  - Frontend: Vue.js manages the display of training sessions and registration forms.
  - Backend: Laravel handles the registration process, storing user data and training details.
User Dashboard
- Overview: A personalized space for users to manage their studies and trainings.
- Features:
  - Purchased/Exchanged Studies: View and access studies bought or exchanged.
  - Registered Trainings: List of all trainings the user has registered for.
- Technical Implementation:
  - Frontend: Vue.js provides an interactive dashboard interface for users.
  - Backend: Laravel ensures secure access to user-specific data.
Advanced Search and Categories
- Overview: Allows users to find specific studies or trainings using advanced search options and filtering by categories.
- Technical Implementation:
  - Frontend: Advanced search functionality developed using Vue.js with filters.
  - Backend: Laravel handles search queries and returns filtered results.
CMI Payment System
- Overview: Integrated CMI payment gateway for secure online payments for digital products.
- Technical Implementation:
  - Frontend: Vue.js handles the payment forms and integrates with the CMI API.
  - Backend: Laravel manages transaction processing and updates user access to digital products.
Admin Dashboard
- Overview: A comprehensive admin panel that allows full control over website management.
- Features:
  - Manage Studies and Exchanges: Add, update, or remove studies and handle exchange requests.
  - Training Management: Manage training categories, details, and registered users.
  - User Management: Oversee user accounts and manage access to products.
  - Category Management: Organize studies and trainings into categories and subcategories.
  - Newsletter: Manage subscribers and send updates.
- Technical Implementation:
  - Frontend: Vue.js components offer a user-friendly admin interface.
  - Backend: Laravel manages CRUD operations and handles the business logic for the admin panel.

4. Data Management

Database Structure:
- Studies: Stores study details, purchase history, and exchange records.
- Trainings: Contains information about training sessions and user registrations.
- Categories: Organizes studies and trainings into categories for easy navigation.
- Users: Manages user accounts, purchases, and registrations.
- Transactions: Records payment transactions and order history.
- Newsletter: Stores subscriber emails for marketing purposes.
Data Security:
- Encryption: Ensures secure storage of sensitive data such as payment details.
- Access Control: Only authorized users can access the admin panel.

5. Development Process

Environment Setup:
- Prerequisites: Install Laravel, Vue.js, and Tailwind CSS. Set up MySQL for the database.
- Local Development:
  - Run Laravel Backend: Use php artisan serve to start the Laravel server.
  - Run Frontend: Use npm run dev to start the development server for Vue.js components.
Deployment:
- Frontend and Backend: Deployed on a web server capable of running Laravel applications and serving Vue.js components.
- Database: Ensure the MySQL database is properly configured and secure.

Last updated 1 year ago