Portfolio site

I created my portfolio using Astro.js, React, and Tailwind CSS. It holds my resume, projects, and personal information. It also uses the GitHub GraphQL API to fetch data about all of my projects. Using Astro allows it to be extremely fast using partial hydration, meaning that it only uses JavaScript for a few individual components, and server-side rendering, so that the HTML is generated on the server and the page doesn't load forever.

Portfolio

This is my portfolio, written in Astro, React, and Tailwind CSS. It uses the Github GraphQL API to fetch project data and does some other awesome stuff too.

There is an about page, a home page (with some slick animations), a projects page (sorted by stars), and indivudal projects page (with readme, base64 decoded description, topics, and links), and resume.

If you find a bug or have a feature suggestion, please open an issue here.

Development

To run locally, follow the steps below:

git clone https://github.com/ztcollazo/me.git
yarn
Create a file called .env.local in the project root, and fill it in with the variable GITHUB_TOKEN where the value is a github token with at least repo reading permissions.
yarn dev

View project README.

My personal portfolio in Astro

portfoliotailwindcssgithub-apireactastro