Castelo-Codez / Minimalist-portfolio-website

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

Home Page:https://minimalist-portfolio-website-eosin.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

preview 2

preview 3

preview 4

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

npm insall

For development and HMR

npm run dev

For building

npm run build

About

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

https://minimalist-portfolio-website-eosin.vercel.app


Languages

Language:Vue 96.6%Language:JavaScript 1.4%Language:SCSS 1.2%Language:HTML 0.8%