Portfolio Website V1.0 - www.richardalgra.com

Overview

This project is a VueJS-based portfolio website designed to showcase my skills, projects, and experience as a Software Engineer / Web-developer.

Features

• Snap-scrolling Behaviour:
  The website consists of multiple sections stacked vertically, scrolling automatically snaps to the next or previous section with a smooth transition.
• Response Web Design:
  The website is responsive and optimized for various screen sizes, ranging from desktops to mobile devices.
• End-to-End:
  The website makes use of a Spring backend from which certain resources are retrieved and services are provided.
• TresJS WebGL:
  The frontpage of this website contains a TresJS (ThreeJs for VueJs) animated scene.
• Mailing Service:
  The contact-section of this site contains a fully functional mailing service.

Technologies Used

• VueJs: Javascript framework for web user interfaces.
• ViteJs: Development environment tool.
• TresJs: VueJs custom renderer for ThreeJs, powered by ViteJs.
• SCSS: CSS extension language.
• Typescript: JavaScript Superset.
• Java: Language.
• Spring: Java framework.

Getting Started

1. Clone the repository: git clone https://github.com/Aethryste/Portfolio-website.git
2. Open the frontend and backend modules individually.
3. Install dependencies for each: mvn install / npm install
4. Run frontend: "vite dev"
5. Run backend: BackendApplication.java
6. Open the website in your browser: http://localhost:80 (or the URL provided by the Vue CLI)

Usage

Navigate through the sections by scrolling or using the navigation buttons.
Click on project links or contact details to explore further information.
Customize the content by editing Vue components and data files as needed.

License

This project is licensed under the MIT License.