Code Monkey home page Code Monkey logo

mark-m3511 / abrsd Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 2.43 MB

This is a Drupal 10+/Node web project including a custom Drupal theme, `abrsd`, which is based on the Bootstrap Barrio and Bootstrap SASS contributed themes. It includes a custom module, `abrsd_user_registration`, for handling user registration.

Home Page: https://abrsdpeel.ca

JavaScript 6.48% SCSS 6.25% Twig 77.92% PHP 9.17% CSS 0.17%
advocacy community education healthcare policing

abrsd's Introduction

ABR & SD Collective Web Project

This project is built using Drupal 10+, a powerful open-source content management system. It allows for the creation and management of various types of content such as blogs, news, and user comments.

Structure

A typical Drupal 10 project consists of several directories:

  • core: This directory contains the main Drupal installation.

  • modules: This directory contains all the modules used in the project. Modules extend the functionality of Drupal.

  • profiles: This directory contains installation profiles, which define what modules and themes to enable, as well as default configuration values.

  • sites: This directory contains the settings and files for your site. It usually includes a default subdirectory, containing settings.php (the main settings file) and files (for uploaded files).

  • themes: This directory contains all the themes used in the project. Themes control the appearance of the site.

  • vendor: This directory contains all the third-party libraries that the project depends on.

Installation

To install a Drupal 10 project, you typically need to clone the project repository, navigate into the project directory, and install the dependencies. This can be done using Composer, a dependency management tool for PHP.

# Create a project directory and set up Git a local git repo
mkdir abrsd

# Navigate into the project directory
cd abrsd

# Clone the repository
git clone https://github.com/Mark-M3511/abrsd.git

# Install dependencies
composer install

About the ABRSD Custom Theme

The abrsd custom theme is a Drupal theme based on the Bootstrap Barrio base theme. It leverages the power of Bootstrap to provide a flexible, responsive, and user-friendly design for the project.

The theme includes custom templates, styles, and scripts to provide a unique look and feel for the project. It follows Drupal's best practices for theming and adheres to the standards set by the Bootstrap framework.

The theme's structure typically includes the following:

  • abrsd.info.yml: This is the main theme configuration file. It defines the theme name, description, type, package, version, core compatibility, libraries, regions, and other settings.

  • abrsd.libraries.yml: This file is used to define all the CSS and JS assets that your theme uses.

  • abrsd.theme: This file is where you can set up theme setting form, preprocess functions, and theme hook implementations.

  • css directory: This directory contains all the CSS files that are used in your theme.

  • js directory: This directory contains all the JavaScript files that are used in your theme.

  • templates directory: This directory contains all the Twig template files that Drupal uses to render HTML.

The abrsd theme is designed to be easily customizable and extendable, allowing for future enhancements and modifications as the project evolves.

ABRSD Custom Theme Dependencies

The abrsd custom theme has two main contrib dependencies: bootstrap_barrio and bootstrap_sass.

Bootstrap Barrio

bootstrap_barrio is a flexible Drupal theme that integrates with the Bootstrap framework. It provides a solid foundation for creating responsive, mobile-first Drupal themes. The abrsd theme uses bootstrap_barrio as a base theme, extending and customizing its styles and components to suit the project's needs.

To install bootstrap_barrio, you can use Composer:

composer require 'drupal/bootstrap_barrio:^5.1'

Requirements

Node.js

Node.js is a JavaScript runtime built on Chrome's V8 JavaScript engine. It's used in this project for managing JavaScript dependencies and running tasks.

To check if you have Node.js installed, run this command in your terminal:

node -v

If Node.js is not installed, you can download it from the official Node.js website.

Gulp SASS Gulp is a toolkit for automating painful or time-consuming tasks in your development workflow. In this project, we use Gulp with the SASS plugin to compile our SASS files into CSS.

To check if you have Gulp installed, run this command in your terminal:

gulp -v

If Gulp is not installed, you can install it globally with this command:

npm install --global gulp-cli

To install the Gulp SASS plugin, navigate to your project directory and run:

npm install gulp-sass --save-dev

Remember to run npm install in your project directory to install all Node.js dependencies before starting development.

ABRSD User Registration Custom Module

The abrsd_user_registration is a custom Drupal module developed for this project. This module provides custom functionality for user registration, route redirection, and user role assignment.

Below is an overview of the general structure of what you might find in this module. See the abrsd_user_registration README for more information.

  • abrsd_user_registration.info.yml: This file contains metadata about the module such as its name, description, package, type, core version compatibility, and dependencies.

  • abrsd_user_registration.module: This is the main PHP file for the module. It contains hooks and functions that alter Drupal's default behavior.

  • src: This directory contains the PHP classes for the module, following Drupal's PSR-4 namespacing standards. It might include Form classes for custom forms, Controller classes for custom routes, and Plugin classes for blocks, field formatters, etc.

  • config: This directory contains configuration files that are imported when the module is installed.

  • css or js: These directories contain CSS and JavaScript files respectively, used by the module.

The abrsd_user_registration module is designed to be easily customizable and extendable, allowing for future enhancements and modifications as the project evolves.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.