https://github.com/pchaparro/portfolio

An easy-to-update portfolio that reads information from json files.
https://github.com/pchaparro/portfolio

astrojs json minimal monochrome portfolio simple static-site teamplate

Last synced: 21 days ago
JSON representation

An easy-to-update portfolio that reads information from json files.

• Host: GitHub
• URL: https://github.com/pchaparro/portfolio
• Owner: PChaparro
• License: agpl-3.0
• Created: 2024-02-20T18:55:11.000Z (10 months ago)
• Default Branch: main
• Last Pushed: 2024-03-26T15:02:22.000Z (9 months ago)
• Last Synced: 2024-03-26T16:27:56.274Z (9 months ago)
• Topics: astrojs, json, minimal, monochrome, portfolio, simple, static-site, teamplate
• Language: Astro
• Homepage: https://pedro-chaparro.vercel.app
• Size: 597 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Minimal Portfolio Website 🚀

This is a personal portfolio website that showcases my work and skills as a developer. The idea is to have a minimal and clean design that provides all the necessary information to recruiters and potential clients.

## How to modify for your own use 🤔

Once you've forked / cloned the repository, you can modify the following files to display your own information:

1. [`index.astro` file](./src/pages/index.astro): This is the main file that contains the markup for the website. Make sure to modify the `` and `` tags to match your own information.

2. [`data` directory](./src/data/): This directory contains all the data that is shown on the website. You can modify the `.json` files to include your own information.

3. [`public/images` directory](./public/images/): This directory contains all the images that are used in the website. Replace these, specially the project images, with your own.

I recommend you to use the [`Shots`](https://shots.so/) app to create mockups of your projects and the [`Squoosh`](https://squoosh.app/) web app to compress your images before using them in the website. You should also consider using the [`.webp`](https://developers.google.com/speed/webp) format for your images to reduce the page load time.