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.

🖥️ Technologies

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.