Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/vanbasx/portfoliov2
This repository contains the source code for the Personal Web Site, a responsive web page built using Gulp, Webpack, HTML, CSS (with SCSS) and JavaScript.
https://github.com/vanbasx/portfoliov2
css gulp html js portfolio-website scss
Last synced: 2 months ago
JSON representation
This repository contains the source code for the Personal Web Site, a responsive web page built using Gulp, Webpack, HTML, CSS (with SCSS) and JavaScript.
- Host: GitHub
- URL: https://github.com/vanbasx/portfoliov2
- Owner: vanbasx
- Created: 2024-03-03T12:05:11.000Z (10 months ago)
- Default Branch: master
- Last Pushed: 2024-07-11T10:03:39.000Z (5 months ago)
- Last Synced: 2024-10-11T20:40:53.119Z (2 months ago)
- Topics: css, gulp, html, js, portfolio-website, scss
- Language: PHP
- Homepage: https://vanbasx.github.io/PortfolioV2/
- Size: 4.8 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# [Portfolio Web Site](https://vanbasx.github.io/PortfolioV2/)
This repository contains the source code for the Personal Web Site, a responsive web page built using Gulp, Webpack, HTML, CSS (with SCSS) and JavaScript.
## Features
- Responsive Web Design (RWD) for optimal viewing on various devices.
- Task automation using Gulp for streamlining development workflow.
- Module bundling and dependency management with Webpack.
- HTML5 markup for semantic structure.
- Styling with SCSS for improved maintainability and organization.
- JavaScript for dynamic and interactive features.
## Prerequisites
Make sure you have the following tools installed before you begin:
- [Node.js](https://nodejs.org/en)
- [npm](https://www.npmjs.com/)
- [Gulp](https://gulpjs.com/)
## Installation
1. Clone the repository:
`git clone https://github.com/vanbasx/PortfolioV2`
2. Navigate to the project folder:
`cd PortfolioV2/gulp_vbdev`
3. Install dependencies:
`npm install`
## Usage
### Development
Run the following command to start the development server:
`npm run dev`
This command will launch a local server, and you can view the site at your ip adress. The server will automatically watch for changes to the source files and reload the page accordingly.
### Production
To build the project for production, use the following command:
`npm run build`
This will generate optimized and minified files in the dist directory.
## Contributing
Feel free to contribute by submitting issues or pull requests. Make sure to follow the project's coding style and conventions.
