Aaronvandenberg.nl

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

Installation:

1. Clone the repository
2. Change to the root directory and create a new file named config.js in the server folder.
3. Add the necessary content to config.js and make any adjustments.
4. Install NPM dependencies in both the root folder and the server folder by running:

   npm install
   

5. Start the server by running the following command in the server folder:

   node server.js
   

6. Finally, start the application in the root folder by running:

   gatsby develop
   

Summary:

The Aaron van den Berg Web Developer portfolio website is a showcase of skillful development using GatsbyJS and ExpressJS. Featuring a modern tech stack including React, PWA functionality, and various integrations, the site serves as an excellent example of a well-crafted portfolio with attractive design elements and interactive features. The installation process is straightforward, making it accessible for developers looking to explore and learn from this project.