Website

Fully custom onepage portfolio website. UI + frontend.

Check it Live here

Table of Contents

• Requirements
• Installation
• Usage
• Technologies
• Features
• Lessons
• Support
• Contributing
• License

Requirements

• Latest web browser to run app on website (Google Chrome)
• To run git commands you need Git installed
• To run npm commands you need node installed

Installation

a) Download project via git

Run commands in terminal:

git clone https://github.com/ArturTkaczuk/portfolio-site.git
cd project-name
npm install

b) Download project manually from GitHub

Download project from this link

Usage

Useful commands - run in project's directory:

1. Development server npm run watch:dev
2. Production build npm run build:prod

Write Y in terminal if prompted

Technologies

Technologies used during development process:

• Vanilla JS
• SCSS
• HTML

Libraries:

• Parcel (module bundler)
• Typed.js (library)
• Particles.js
• posthtml-include (splitting big html file to smaller parts)

3rd party services:

• formsubmit.co (submit form without backend)

Features

1. Responsive web design
2. SCSS with code split to modules
3. Fully functional contact form with floating labels
4. Active page (in navbar) on scroll

Lessons:

1. Learned how to work with Parcel, how to set it up and how to structure project files
2. Learned that module bundler with a dev server is crucial when building a project with more than one language extensions (Like combining TS and Sass would cause a lot of trouble without a dev server on watch mode)
3. Learned how to split project's code to SCSS modules
4. Learned how to manage a project with Kanban board, Issues and Milestones in Projects on GitHub
5. Practiced styling in SCSS
6. Practiced basic UI design in Figma
7. Learned how to split big html file to smaller parts with posthtml-include npm library

Support

Please open an issue for support.

Contributing

Please contribute using Github Flow. Create a branch, add commits, and open a pull request.

License

You can check out the full license here.

This project is licensed under the terms of the MIT license.