README.md

Custom Metal Creations

This is a portfolio website for the Artist Terry Lawrenz, who works primarily in metal.

custommetalcreations.live

---

Check It Out

---

Setup

This site utilizes Vue 3 with Vite. You can find information on how to set up with Vue 3 in Vite below:

Customize configuration

See Vite Configuration Reference.

Project Setup

npm install

Compile and Hot-Reload for Development

npm run dev

Compile and Minify for Production

npm run build

Lint with ESLint

npm run lint

---

Important Note

This site depends on data from Google Sheets and utilizes the Google Visualization API instead of the traditional Google Sheets API.

In order to use this, you'll need to either find my original spreadsheet or make your own, which should contain the following column titles:

Row 1, Column A: title Row 1, Column B: url Row 1, Column C: material

In your .env file, include a variable named VITE_SHEET_ID, which should match your Google sheet id.

---

Important Note

This stie also depends on a contact email address.

In your .env, add a variable named VITE_EMAIL and set it to whichever email you'd like people to contact you at.

---

Future Iterations

This website is currently in it's MVP stage. It's usable, but not ideal. Please find my notes on what I would like to add or improve in the future.

• Improve Largest Contentful Paint
• Compress images
  • Consider utilizing a CDN for some images
• Allow users to click images to see the image in a larger view and to see details such as approximate scultpure creation date and materials used
• Identify repetitive classes and extract them using @apply