https://github.com/vanbasx/portfolio

This repository contains the source code for the Portfolio Web Site, a responsive web page built using Gulp, Webpack, HTML, CSS (with SCSS) and JavaScript.
https://github.com/vanbasx/portfolio

Last synced: about 12 hours ago
JSON representation

This repository contains the source code for the Portfolio Web Site, a responsive web page built using Gulp, Webpack, HTML, CSS (with SCSS) and JavaScript.

• Host: GitHub
• URL: https://github.com/vanbasx/portfolio
• Owner: vanbasx
• Created: 2024-01-24T19:27:34.000Z (11 months ago)
• Default Branch: main
• Last Pushed: 2024-02-24T20:31:55.000Z (10 months ago)
• Last Synced: 2024-11-05T10:26:58.555Z (about 2 months ago)
• Language: PHP
• Homepage: https://vanbasx.github.io/Portfolio/
• Size: 3.85 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# [Portfolio Site](https://vanbasx.github.io/Portfolio/)

This repository contains the source code for the Portfolio 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/Portfolio`

2. Navigate to the project folder:

  `cd Portfolio/gulp`

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.