https://github.com/nothingnothings/bootstraptraining

Simple Webpack Project Used for Training HTML Organization and Bootstrap Classes
https://github.com/nothingnothings/bootstraptraining

bootstrap css webpack

Last synced: 3 months ago
JSON representation

Simple Webpack Project Used for Training HTML Organization and Bootstrap Classes

• Host: GitHub
• URL: https://github.com/nothingnothings/bootstraptraining
• Owner: nothingnothings
• Created: 2022-09-20T19:34:06.000Z (almost 4 years ago)
• Default Branch: master
• Last Pushed: 2024-10-05T03:48:05.000Z (almost 2 years ago)
• Last Synced: 2025-02-14T17:41:18.727Z (over 1 year ago)
• Topics: bootstrap, css, webpack
• Language: HTML
• Homepage: https://nothingnothings.github.io/bootstrapTraining/
• Size: 75.8 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# BootstrapTraining

![BootstrapTraining](screenshot.png)

This project is a simple multi-page web application built with Webpack. It's a replica of the structure of the [RCIIT](https://www.rciit.com/) website, but developed independently by me, with original markup and styles. The primary goal of this project was to practice Bootstrap class usage and to showcase an example of a basic structure that can be used for webpack projects. The project can be visited here: [https://nothingnothings.github.io/bootstrapTraining/](https://nothingnothings.github.io/bootstrapTraining/).

[![en](https://img.shields.io/badge/lang-en-red.svg?style=flat-square)](https://github.com/nothingnothings/bootstrapTraining)

[![pt-br](https://img.shields.io/badge/lang-pt--br-green.svg?style=flat-square)](https://github.com/nothingnothings/bootstrapTraining/blob/master/README.pt-br.md)

## Features

- **Multi-Page Structure**: The project includes seven distinct pages.

- **Responsive Design**: Bootstrap was used for the responsive layouts, with mobile-first in mind.

- **JavaScript Functionality**: Javascript was used for the sidebar and the Carousels.

- **Webpack Configuration**: The project was bundled and structured with webpack in mind,.

## Technologies Used

- **Webpack**: For module bundling.

- **HTML Webpack Plugin**: To generate HTML files for each page.

- **Sass**: For styling and creating responsive designs.

- **Bootstrap**: To leverage pre-built styles and components.

## Installation

To get started with this project, follow these steps:

1. **Clone the Repository**:

   ```

   git clone git@github.com:nothingnothings/bootstrapTraining.git

    ```

2. **Install Dependencies**:

    ```

    npm install

    ```

## Running the Project

To run the project in a local development environment, use:

   ```

   npm start

   ```

This will start a local server, and you can then view the project in your browser.