https://github.com/nisarhassan12/portfolio

A beautiful lightweight accessible and performant personal portfolio website.
https://github.com/nisarhassan12/portfolio

css design html js parcel porfolio-website portfolio portfolio-website resume sass template

Last synced: 3 days ago
JSON representation

A beautiful lightweight accessible and performant personal portfolio website.

• Host: GitHub
• URL: https://github.com/nisarhassan12/portfolio
• Owner: nisarhassan12
• License: mit
• Created: 2019-07-31T15:24:41.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2024-06-15T09:21:23.000Z (5 months ago)
• Last Synced: 2024-10-14T10:16:23.226Z (22 days ago)
• Topics: css, design, html, js, parcel, porfolio-website, portfolio, portfolio-website, resume, sass, template
• Language: SCSS
• Homepage: https://nisar.surge.sh
• Size: 4.09 MB
• Stars: 164
• Watchers: 8
• Forks: 40
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.txt

Awesome Lists containing this project

README

        
[![Gitpod Ready-to-Code](https://img.shields.io/badge/Gitpod-Ready--to--Code-blue?logo=gitpod)](https://gitpod.io/#https://github.com/nisarhassan12/portfolio) 

# Portfolio

> My portfolio site, which is now open source! 


> Check out the [live site here →][site]

![image][screenshot]

This repo contains the code for a portfolio site that has a rich user-experience, is performant, and accessible. The website is built using HTML, SCSS, vanilla JavaScript, and it doesn't use any CSS or JavaScript libraries or have any framework dependencies. Everyone is welcome to contribute or use it as a template for their portfolio. Please give me (this repo) credit for the theme design.

#### Online one-click setup for Contributing

Contribute to the portfolio, using a fully featured online development environment; cloned repo, pre-installed dependencies, running web server.

[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/from-referrer/)

## 🚀 Getting Started

You need [Node.js][node] to develop the site locally on your computer.

### 🔋 Step #1. Install the Dependencies

```sh

   npm install

```

### 📟 Step #2. Start the Development Server

```sh

npm run dev

```

This will start the development server at [`http://localhost:1234`][local] that you should browse to check the local dev version of this site.

### ♻️ Step #3. Production Build

```sh

npm run prod

```

This script will create the production build that contains the site code, which is fast and optimized and minified for production.

[site]: https://nisar.surge.sh

[screenshot]: https://user-images.githubusercontent.com/46004116/81985654-fd088c00-964f-11ea-8fae-1ce021b729c8.png

[node]: https://nodejs.org/en/download/

[local]: http://localhost:1234