Aaronvandenberg.nl

screenshot of Aaronvandenberg.nl
express
gatsby
react
styled-components

Aaronvandenberg.nl

⚛️ Web Developers portfolio build with Gatsby.js & React.js

Overview:

The Aaron van den Berg Web Developer portfolio website is built using GatsbyJS and a small ExpressJS server. It features React 16.x, Gatsby framework, PWA functionality for desktop and mobile, functional components with Recompose React Hooks, frontend design by @smakosh, illustrations by Undraw.co, and integration of Express as a backend framework along with Socket.IO for real-time online user counter and notifications. Additionally, it includes a simple authentication system using PassportJS and a contact form with Google reCAPTCHA.

Features:

  • React 16.x
  • Gatsby framework
  • PWA (desktop & mobile)
  • Functional components with Recompose React Hooks
  • Frontend design by @smakosh
  • Illustrations by Undraw.co
  • Express as backend framework
  • Socket.IO integration for realtime online users counter & notifications
  • Simple authentication system with PassportJS
  • Contact form with Google reCAPTCHA
express
Express

Express.js is a simple Node.js framework for single, multi-page, and hybrid web applications.

gatsby
Gatsby

GatsbyJS is a free and open-source static site generator based on React. It uses a modern development stack including Webpack, GraphQL, and modern JavaScript and CSS frameworks. It also provides a rich set of plugins, starters, and themes.

react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components

styled-components
Styled Components

Styled Components is a popular library for styling React components using CSS syntax. It allows you to write CSS in your JavaScript code, making it easier to create dynamic styles that are specific to each component.

personal
Personal

A personal website is an online platform that showcases an individual's work, interests, and personality. It can include a range of content, such as a bio, resume, portfolio, blog, and contact information, and is often used to promote one's personal brand or professional services.

portfolio
Portfolio

A portfolio website is a type of website that showcases an individual's or a company's work, skills, and accomplishments. It typically includes a gallery of images or videos, case studies, and client testimonials to provide potential clients or employers with a comprehensive overview of their experience and expertise.

eslint
Eslint

ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.

Pwa

A Progressive Web App (PWA) is a type of web application that uses modern web technologies to provide a native app-like experience to users, including offline functionality, push notifications, and device hardware access. PWAs can be installed on a user's home screen and launched like a traditional app, but do not require a separate app store listing or download.