Main

Milestone

scratch-for-discord/Web-Application_FrontendGitHub

Programming Language

TypeScript - .ts

This is a TypeScript - *.ts release. No JavaScript - *.js file should populate it.

Running & Building

package.json summary:

• Run the Website : npm run dev

• Build for Production : npm run build

• Run the Preview (not much used) : npm run preview

Project Management

The goal of this new release is to keep the build time minimal and keep the project organized and easy to read. This piece of documentation will guide you through organizing the files and the project structure.

Custom Blocks

Custom blocks are using the blockly 9 API

Links

• S4D Exemple Files

• Blockly Custom Block API Documentation

Blocks Organisation

• One file for each toolbox category

• Name the file according to its category name

• Blocks inside the file should be put in order of appearance in the toolbox

• A comment must be put on top of each block definition

Create Components

Vue components are created in the components directory (src/components).

Guidelines

• Always comment your development

• Try to make one component for one functionality (example: NavBar.vue only contains navbar code ; FNAF.vue only contains the fnaf game)

Styling

All the Global CSS styles or CSS classes used are in the src/styles directory

If a Vue component has too much styling you can create a CSS file for the component with the component's name inside the src/styles directory, then import it inside the component with @import './file_path' (documentation)