This portfolio is designed for professionals who specialize in digital art or software development. It is tailored for individuals whose work is innovative and visually-driven, benefiting from a modern and distinctive online presence.
The website boasts a visually captivating dark theme enriched by neon highlights and glass-morphism effects. This style not only showcases the portfolio effectively but also ensures it stands out to visitors through its unique and engaging aesthetic.
Montserrat, with its geometric structure and contemporary feel, is chosen to complement the futuristic theme of the website. Its clean and sharp lines enhance readability and add to the site’s modern vibe.
- Primary background: Deep gray abtract background (#121212) provides a subtle texture under light, which enhances the visibility of neon elements and is less harsh than pure black.
- Accent colors: Bright neon green (#BEFFF0) serves as the primary accent color, chosen for its vibrancy and energy, which can invigorate the website’s design and attract attention to key areas like calls to action.
- Text and secondary elements: Off-white (#E2E2E2) for primary text ensures high readability against the dark background, offering enough contrast to be clear but soft enough to maintain the overall aesthetic without stark clashes.
Begin by forking the repository to create a personal copy under your GitHub account.
Clone the forked repository to your local machine. Replace (username)
with your GitHub username and (newreponame)
with the name of the repository.
git clone git@github.com:(username)/(newreponame).git
Navigate to the project directory:
cd (newreponame)
Switch to the appropriate Node.js version using nvm:
nvm install v14.21.3
nvm use v14.21.3
Install the necessary project dependencies:
npm install
Launch the development server which will host the project on your local machine:
npm start
- The server will be accessible at
localhost:3000
.
Make necessary changes to personalize the project:
- Modify the content in the website by editing the variables in the file located at variables.js.
Change the repository URL in package.json to match your GitHub Pages URL:
"https://(username).github.io/(newreponame)"
Replace (username)
with your GitHub username and (newreponame)
with your repository name.
Deploy your updated website to GitHub Pages:
npm run deploy
- Navigate to your repository on GitHub.
- Go to
Settings
>Pages
. - Set the GitHub Pages source to deploy from the
gh-pages
branch and select the/(root)
folder. - Click
Save
.
- Your website will be available shortly after deployment.
- Access it via
https://(username).github.io/(newreponame)
.
Follow these steps to customize and deploy your project effectively on GitHub Pages, ensuring it reflects your personal style and preferences.
Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.
- Fork the Project
- Create your Feature Branch (
git checkout -b feature/AmazingFeature
) - Commit your Changes (
git commit -m 'Add some AmazingFeature'
) - Push to the Branch (
git push origin feature/AmazingFeature
) - Open a Pull Request
Distributed under the MIT License. See LICENSE
for more information.