Skip to content

My portfolio built with Astro, Tailwind CSS and Vercel.

Notifications You must be signed in to change notification settings

qpoterek/portfolio

Repository files navigation

My portfolio

Welcome to my portfolio ! 🙂

Even though the present page is only the repository, you can visit the actual website by clicking on the badge below.

Portfolio link

🖥️ Technologies

Vercel Astro JavaScript NPM Tailwind CSS

GitHub deployments

This portfolio was built using the brand new Astro framework, along with Tailwind CSS for styling and Vercel for deploying.

📁 Project structure

This project includes the following directories and files:

  • public/* — Static assets that are not processed during build.
  • src/components/ — Custom Astro components.
  • src/icons/ — SVG icons as custom Astro components.
  • src/layouts/ — Astro components for creating reusable page templates.
  • src/locales/ — Translation keys used for localization (work in progress).
  • src/pages/ — Astro components for handling routing and overall page layout.
  • src/config.js — Generic information and data used during build.
  • src/*.config.js — Data used to build the content of specific pages and routes.

🏗️ Build

In order to build this portfolio, Node.js v16.15.0 is required.

The following lines can be used to run the website in a built-in development server:

git clone https://github.com/poterekq/portfolio.git
cd portfolio
npm install
npm run dev

☑️ Tasks

  • Add a navigation arrow to go back up when browsing the page built from src/work.astro.
  • Refactor the SvgIcon.astro component, and the subsequent icons in src/icons.
  • Refactor the ThemeSwitcher.astro component to avoid code repetition and the use of innerHTML.
  • Either redesign the button in Accordion.astro or rework the way skill groups are added in pages/about.astro so as to allow using custom SVG icons instead of emojis.
  • Complete en localization.