Core

screenshot of Core
vue
scss

Our Front-end baseplate, from mobile to desktop

Overview

The Engage Interactive website baseplate offers a robust foundation for developers looking to kickstart their projects with efficiency and ease. This project has now transitioned from Core to the Engage Laravel Baseplate, providing a more streamlined and enhanced experience. It seeks to fill the gaps found in other frameworks by offering a blend of essential features and advanced functionalities.

The baseplate includes a rich set of tools, making it an appealing choice for web developers tired of traditional boilerplates. With a focus on maintainability and scalability, it provides a balanced environment for both front-end styling and JavaScript functionality.

Features

  • Auto-prefixed CSS: Compiled from Sass and written using the BEM methodology, ensuring that styles are compatible across various browsers.
  • ESLint-ed JavaScript: Offers source map support and native error notifications to enhance development efficiency and debugging.
  • Image Compression: Utilizes the TinyPNG API for effective image optimization, reducing load times without sacrificing quality.
  • SVG Sprite Generator: Streamlines the process of managing icons and images by consolidating them into a single sprite file for improved performance.
  • Browsersync Integration: Allows real-time browser syncing and live reloading, making it easier to see changes instantly during development.
  • Sass File Organization: Features like main.scss and _import.scss ensure a clean and manageable structure for your styling files.
  • Custom Utility Functions: Includes common utility functions and mixins that help streamline repetitive coding tasks, enhancing efficiency.
  • Normalized CSS Resets: Incorporates an English-spelling version of Normalize.css with minor modifications, ensuring consistent styling across browsers.

This combination of features makes the Engage Interactive baseplate a versatile tool for both novice and experienced developers aiming for efficient project execution.

vue
Vue

Vue.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.

scss
SCSS

SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.

eslint
Eslint

ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.

gulp
Gulp

Gulp.js is an old but popular site building tool that automates various repetitive development tasks in web development, such as compiling Sass, minifying JavaScript, and optimizing images.