albertobas.com

albertobas.com

Table of contents

Introduction

This project is my personal website, where I publish articles and side-projects. The code is mostly written in TypeScript using Next.js, a React.js framework.

The page is in both dark and light mode and uses the prefers-color-scheme CSS media feature to select between both.

Furthermore, this website is entirely translated to Spanish.

Technical details

Overview

  • src/components/*: React.js components in .tsx.
  • src/data/*: MDX files used for pages in blog and projects.
  • src/pages/*: static pages.
  • src/styles/*: CSSModules files, postcss mixins and a global css file.
  • src/utils/*: helper functions, interfaces, hooks, constants and dictionaries used in some translations and options lists.
  • lang/*: JSON files used as a source for translations. The JSON file corresponding to the defaultLocale is generated running npm run extract-languages.
  • compiled-lang/*: JSON files generated running npm run compile-languages, obtaining translations from lang/* and used for formatting messages.
  • scripts/*: JavaScript files used for creating an RSS feed and a sitemap in the postbuild script.
  • public/*: static assets.

Related projects

zk Connect Four

zk Connect Four

zk Connect Four is a zero-knowledge decentralised application that lets you play the game of Connect Four against a DQN agent-trained policy or against another user.

Learn more
Olive Oil Trust

Olive Oil Trust

Olive Oil Trust is an olive oil traceability solution built on Ethereum that adapts the workflow of the olive oil long value chain to the blockchain through the use of smart contracts.

Learn more
Bank Microservices

Bank Microservices

Bank Microservices is my own approach to a bank application, with a microservices-based architecture and using the MERN stack.

Learn more

Ready to #buidl?

Are you seeking collaboration on a Web3 project or a developer to join your team?. Then, do not hesitate to contact me by e-mail or on my LinkedIn profile. You can also find me on GitHub.