GithubHelp home page GithubHelp logo

qpoterek / portfolio Goto Github PK

View Code? Open in Web Editor NEW
4.0 1.0 0.0 23.19 MB

My portfolio built with Astro, Tailwind CSS and Vercel.

JavaScript 16.35% Astro 83.65%
geomatics gis portfolio programming remote-sensing astro tailwindcss vercel data-science deep-learning

portfolio's Introduction

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.

portfolio's People

Contributors

qpoterek avatar

Stargazers

 avatar  avatar  avatar

Watchers

 avatar

portfolio's Issues

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.