https://github.com/castelo-codez/minimalist-portfolio-website

This multi-page portfolio site will be a great challenge to test your all-round front-end skills
https://github.com/castelo-codez/minimalist-portfolio-website

html js sass vite vuejs vuerouter4

Last synced: 3 months ago
JSON representation

This multi-page portfolio site will be a great challenge to test your all-round front-end skills

• Host: GitHub
• URL: https://github.com/castelo-codez/minimalist-portfolio-website
• Owner: Castelo-Codez
• Created: 2024-02-11T13:09:56.000Z (over 2 years ago)
• Default Branch: master
• Last Pushed: 2024-02-11T13:13:54.000Z (over 2 years ago)
• Last Synced: 2025-01-18T04:31:37.130Z (over 1 year ago)
• Topics: html, js, sass, vite, vuejs, vuerouter4
• Language: Vue
• Homepage: https://minimalist-portfolio-website-eosin.vercel.app
• Size: 2.73 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Minimalist portfolio website

This **multi-page portfolio** site will be a great challenge to test your all-round front-end skills. You can even use the site as your own portfolio when you're finished!

#### _Site Previews_

![preview 1](https://res.cloudinary.com/dz209s6jk/image/upload/v1584636856/Challenges/eftmlyqod3rwzwqujw97.jpg)

![preview 2](https://res.cloudinary.com/dz209s6jk/image/upload/v1584636856/Challenges/wuhntl8jslmwkgrgafka.jpg)

![preview 3](https://res.cloudinary.com/dz209s6jk/image/upload/v1584637950/Challenges/b9f4xnvoeicww3e78uzy.jpg)

![preview 4](https://res.cloudinary.com/dz209s6jk/image/upload/v1584638019/Challenges/zibypcuq4hrqi6glkdd3.jpg)

## Brief

Your challenge is to build out this **multi-page portfolio** website and get it looking as close to the design as possible. The download includes mobile, tablet & desktop designs for a Homepage, Portfolio index page, Portfolio detail pages, and a Contact page. A design system is also included to provide colors, fonts, etc.

> You can use any tools you like to help you complete the challenge. So if you've got something you'd like to practice, feel free to give it a go.

Your users should be able to:

-   Click the "About Me" call-to-action on the homepage and have the screen scroll down to the next section

-   Receive an error message when the contact form is submitted if:

    -   The **Name**, **EmailAddress** are empty should show "This field is required"

    -   **EmailAddress** is not formatted correctly should show "Please use a valid email address"

### Technos used

-   Html

-   sass

-   js (vue)

-   vite

## project setup

```sh

npm insall

```

## For development and HMR

```sh

npm run dev

```

## For building

```sh

npm run build

```