Portfolio Website
___________________________
Initiated December 2nd, 2019. Last updated March 15th, 2024.
Project Docs · Report Bug · Request Feature
This application is designed to accomplish the following, in short:
- Create a solution to market myself at erikirgens.com
- Teach myself to create a front-end solution from scratch, without the usage of third party UI frameworks
1 - Welcome - This will serve as the introductory landing area for the webpage,with a brief description and a visual grab for viewers. * Starfield - A slightly interactable section which will contain stars and constellations as a visual grab. 2 - Portfolio - This section will contain clickable elements that lead to github repositories or live sites, and hopefully will have some sort of i-frame for each. 3 - About - An about me section, potentially to be concatenated with the "Skills" section. * Image Carousel - Show off certain images that encompass me as a person. 4 - Blog - A section that will contain clickable blog summaries that will lead to another site, with extensive blog articles that I've written. 5 - Skills - A section with infographics about my skills. Dependant on verbosity. 6 - Contact - A section with a box to email me directly. 7 - Header - A header with links that will scroll the user to the specified section (listed above) 8 - Footer - Auxiliary links, such as LinkedIn, Facebook, Instagram, and GitHub.
- Currently features are incomplete:
- Missing Contact Form
- Responsive design needs tighter/fewer transition effects
- Visual issues with button positioning in relation to other elements in the About and Portfolio sections
- Click here and select the appropriate installer for your operating system.
- Optionally, download and install node version manager (NVM) if you'd prefer to use multiple versions of Node.
- For Windows: click here and follow the instructions
- For MacOS:
- Install Homebrew
- nvm is not available in the default package manager for Mac, so you will need to install Homebrew first. To do this, open a terminal window and run the following command:
/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install.sh)"
- Install nvm
- Once you have Homebrew installed, you can use it to install nvm by running the following command:
brew install nvm
- Add nvm to your shell profile: To make nvm available every time you open a new terminal window, you will need to add the following line to your shell profile (e.g., ~/.bash_profile or ~/.zshrc):
source $(brew --prefix nvm)/nvm.sh
- Install Node.js
- Once nvm is installed, you can use it to install the latest version of Node.js by running the following command:
nvm install node
- Install Homebrew
To view or edit the code, you will need an code editor or text editor. The popular open-source choices for an code editor are Atom and VisualStudio Code.
- Code Editor Download:
- Option 1: Atom
- Option 2: VisualStudio Code
- Click the download most applicable to your OS and system.
- Wait for download to complete, then install -- Windows will run the setup exe and macOS will drag and drop into applications.
- Optionally, create a GitHub Account
- Navigate to the erik-t-irgens Portfolio Website here.
- Click 'Clone or download' to reveal the HTTPS url ending with .git and the 'Download ZIP' option.
- Open up your system Terminal or GitBash, navigate to your desktop with the command:
cd Desktop, or whichever location suits you best. - Clone the repository to your desktop:
$ git clone https://github.com/erik-t-irgens/erik-irgens-website.git - Run the command
cd erik-irgens-websiteto enter into the project directory. - View or Edit:
- Code Editor - Run the command
atom .orcode .to open the project in Atom or VisualStudio Code respectively for review and editing. - Text Editor - Open by double clicking on any of the files to open in a text editor.
- Code Editor - Run the command
- Navigate to the erik-t-irgens Portfolio Website here.
- Click 'Clone or download' to reveal the HTTPS url ending with .git and the 'Download ZIP' option.
- Click 'Download ZIP' and unextract.
- Open by double clicking on any of the files to open in a text editor.
- Navigate into the
erik-irgens-websitedirectory with the commandcd erik-irgens-website - Run the command
npm installin the terminal to install the dependencies. - Run
npm run startto launch the development server of the application - Open the local host port in a web browser of your choosing (i.e.
http://localhost:5001/)
| Author | GitHub | |
|---|---|---|
| Erik Irgens | erik-t-irgens | erik.t.irgens@gmail.com |
If you have any feedback or concerns, please contact one of the contributors.
This project is licensed under the MIT License. Copyright (C) 2021 Erik Irgens. All Rights Reserved.
MIT License
Copyright (c) 2024 Erik Irgens.
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
"A school for tech careers... to help people learn the skills they need to get great jobs."
Return to Top