Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/ambercaravalho/personal-site-v4

The fourth version of my portfolio, designed in the bento box style and written in the Astro framework.
https://github.com/ambercaravalho/personal-site-v4

Last synced: about 1 month ago
JSON representation

The fourth version of my portfolio, designed in the bento box style and written in the Astro framework.

Host: GitHub
URL: https://github.com/ambercaravalho/personal-site-v4
Owner: ambercaravalho
License: mit
Created: 2024-04-05T13:17:03.000Z (9 months ago)
Default Branch: main
Last Pushed: 2024-08-23T04:09:54.000Z (5 months ago)
Last Synced: 2024-08-23T05:25:24.923Z (5 months ago)
Language: Astro
Homepage: https://ambercaravalho.com/
Size: 75.4 MB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

# Personal Portfolio (V4)

[![Built with Astro](https://astro.badg.es/v2/built-with-astro/tiny.svg)](https://astro.build) [![Deploy Astro site to Pages](https://github.com/ambercaravalho/personal-site-v4/actions/workflows/astro-deploy-to-github-pages.yml/badge.svg?branch=main)](https://github.com/ambercaravalho/personal-site-v4/actions/workflows/astro-deploy-to-github-pages.yml)

![Homepage Screenshot](/public/assets/projects/archive-v4-gif.gif)

### [Visit the Live Site ➡️](https://ambercaravalho.github.io/personal-site-v4/)

## Overview 🖥️

Welcome to the fourth iteration of my personal portfolio site! Every six months, I get inspired by a new design and completely revamp my site. This version is built with [Astro](https://astro.build), a framework that is supposed to make integrating React components much easier (or so I've heard).

You can take a look back at previous website revisions and builds on the [projects page](https://ambercaravalho.github.io/personal-site-v4/projects#personal) of my site.

## Purpose 🌟

This project is (supposed to) help me grow as a developer. With each new version, I aim to learn and implement new technologies and design principles. My portfolio showcases my projects, LinkedIn, GitHub, and an About Me section, all arranged in a bento box grid style.

## Setup Guide ⚙️

To get this project up and running on your local machine, follow these steps:

1. Clone the repository:
```sh
git clone https://github.com/ambercaravalho/personal-site-v4.git
```
2. Navigate to the project directory:
```sh
cd personal-site-v4
```
3. Install the dependencies:
```sh
npm install
```
4. Start the development server:
```sh
npm run astro dev
```

You should now see the site running locally. Feel free to explore, modify, and learn from it!

## Future Plans 🚀

As I continue to evolve this portfolio, I plan to:

- [ ] Create information pages for each project.
- [ ] Develop animations for widgets upon page load.
- [ ] Add a footer to each page.

Thanks for checking out the source code for my site! Any feedback or suggestions are welcome.