Magic Metrix

Table of Contents

Chapter	Link
1	Outline
2	Features
3	Installation
4	Usage
5	Future Development
6	License
7	Contributions
8	Resources
9	Acknowledgements

Outline

    MagicMetrix/
    ├── server/                      # Backend (Express & MySQL)
    │   ├── config/                  # Configuration files
    │   │   └── db.config.js         # Database configuration
    │   ├── models/                  # Database models
    │   ├── routes/                  # API routes
    │   ├── controllers/             # API controllers
    │   ├── app.js                   # Express app setup
    │   └── server.js                # Server entry point
    ├── client/                      # Frontend (React & Vite)
    │   ├── src/                     # Source files
    │   │   ├── components/          # Reusable components
    │   │   ├── pages/               # Application pages
    │   │   ├── utils/               # Utility functions
    │   │   ├── styles/              # Global styles
    │   │   │   ├── App.css          # App-specific styles
    │   │   │   └── index.css        # General/global styles
    │   │   ├── App.jsx              # Main app component
    │   │   └── main.jsx             # Entry point for React app
    │   ├── public/                  # Public assets
    │   │   └── images/              # Images
    ├── package.json                 # Dependencies & scripts
    ├── vite.config.js               # Vite configuration
    ├── README.md                    # README - App information
    └── index.html                   # HTML template

Build Package

• Vite + React + Vanilla JS

Deps

• React Router DOM 6.11.0

• Express.js 4.18.2

• JWT AKA JSON Web Token 9.0.0

• MySQL and Sequelize 3.2.4, 6.31.1

• BCrypt // bcrypt 5.1.0

• CORS 2.8.5

• React BootStrap 2.7.4

• BootStrap 5.2.3

• Octicons for React 18.3.0

• Vite 4.3.2