https://github.com/diagne245/blog-mastery
Webpack, Bootstrap 5 app for creating a blog and downloading ebook Resources
https://github.com/diagne245/blog-mastery
blog bootstrap ebook vanillajs webpack
Last synced: 2 months ago
JSON representation
Webpack, Bootstrap 5 app for creating a blog and downloading ebook Resources
- Host: GitHub
- URL: https://github.com/diagne245/blog-mastery
- Owner: Diagne245
- Created: 2024-08-03T23:58:34.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2025-02-01T04:39:58.000Z (over 1 year ago)
- Last Synced: 2025-05-21T04:11:26.900Z (about 1 year ago)
- Topics: blog, bootstrap, ebook, vanillajs, webpack
- Language: HTML
- Homepage: https://blog-mastery-ebook.netlify.app/
- Size: 2.35 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
Awesome Lists containing this project
README
# Blog Mastery
Demo Link: **https://blog-mastery-ebook.netlify.app/**
Bootstrap website for creating and managing a successfull blog. It features downloading a free E-book too. It is from the [Bootstrap 5 From Scratch ](https://www.udemy.com/course/bootstrap-from-scratch/?kw=bootstrap&src=sac&couponCode=LETSLEARNNOW) `Traversy Media` Udemy Course. This website has a light, business-oriented design.
## Features
- Modern layout with custom colors/styles/backgrounds
- Responsive design
- Sticky navbar with style changes on scroll
- Bootstrap modals
- Form & input styles
- Testimonials
- Contact page with Google Map
## Usage
This website is built using [Webpack](https://webpack.js.org/) with [Bootstrap](https://getbootstrap.com/) and [Sass](https://sass-lang.com/). It uses [Font Awesome](https://fontawesome.com/) for icons.
In order to customize this website, you need to install [Node.js](https://nodejs.org/en/). Then, clone this repository and run:
```bash
npm install
```
This will install Webpack, Bootstrap, Sass and Font Awesome. To build your production files run:
```bash
npm run build
```
To watch your Sass files for changes, run:
```bash
npm run dev
```
You can add Bootstrap variables to the `bootstrap.scss` file. You can look at the file `node_modules/bootstrap/dist/scss/_variables.scss` for a list of all the variables. Do NOT edit the `variables.scss` file directly, as it will be overwritten when you update Bootstrap.
To add your own custom styles, use the `styles.scss` file.