https://github.com/mudaston/portfolio

This site is like a portfolio.
https://github.com/mudaston/portfolio

autoprefixer browsersync clean-css cleancss file-include gulp gulp-file-include gulp-html-min gulp-imagemin gulp-rename gulp-uglify htmlmin learning sass study

Last synced: 24 days ago
JSON representation

This site is like a portfolio.

• Host: GitHub
• URL: https://github.com/mudaston/portfolio
• Owner: mudaston
• Created: 2022-02-21T10:28:05.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2023-03-20T08:39:49.000Z (almost 2 years ago)
• Last Synced: 2024-11-20T05:14:06.156Z (3 months ago)
• Topics: autoprefixer, browsersync, clean-css, cleancss, file-include, gulp, gulp-file-include, gulp-html-min, gulp-imagemin, gulp-rename, gulp-uglify, htmlmin, learning, sass, study
• Language: SCSS
• Homepage: https://mudaston.github.io/Portfolio/
• Size: 5.2 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# :bookmark_tabs: Portfolio











































![GitHub repo size](https://img.shields.io/github/repo-size/mudaston/Portfolio?style=for-the-badge)

![GitHub code size in bytes](https://img.shields.io/github/languages/code-size/mudaston/Portfolio?style=for-the-badge)



This site is for practice only, this is not my real portfolio.




## Demo

[https://mudaston.github.io/Portfolio/](https://mudaston.github.io/Portfolio/)




## Screenshots













## System Requirements

- [git](https://git-scm.com/)

- [NodeJS](https://nodejs.org/en/)




## Run Locally

Clone the project

```bash

  git clone https://github.com/mudaston/Portfolio.git

```

Go to the project directory

```bash

  cd Portfolio

```

Install dependencies

```bash

  npm install

```

Start the server

```bash

  gulp

```

Open in a browser

```bash

  http://localhost:3000

```




## Lessons Learned

How to switch site theme and move html blocks into separate files.

Splitting html into different folders is very handy because all you need to do is include an html block and import scss styles into the section.

You can create style and media query files in the same layout folder without having to search for them.




## Additional

it would have been much better if I had known the [gulp-file-include](https://www.npmjs.com/package/gulp-file-include) library earlier