Overview
Artanode is a multi-user portfolio management platform that allows users to create and manage their professional portfolios online. The platform includes PDF CV generation, 3D visual elements via React Three Fiber, and rich text editing for portfolio content.
I built this as a personal project using Laravel 9 with React 18.
Challenge
I needed a platform where multiple users could create and manage their professional portfolios with rich formatting options, downloadable PDF exports, and a visually distinctive presentation layer. The platform needed to support both content editing and polished output.
Approach
The backend uses Laravel 9 with a React 18 frontend. DomPDF handles PDF CV generation from portfolio data. React Three Fiber provides 3D visual elements on the landing page, Framer Motion handles animations, and React Quill enables rich text editing for portfolio descriptions. Redux manages application state.
Tech Stack
| Layer | Technology |
|---|---|
| Backend | Laravel 9 |
| Frontend | React 18 |
| Styling | Tailwind CSS |
| DomPDF | |
| 3D | React Three Fiber |
| Animation | Framer Motion |
| Editor | React Quill |
| State | Redux |
| Database | MySQL |
Key Implementation Details
- Multi-user portfolio management with individual profile pages
- PDF CV generation from portfolio data via DomPDF
- 3D visual elements on the landing page using React Three Fiber
- Rich text portfolio editing with React Quill
- Animated interactions with Framer Motion
Outcome
Artanode is live and serves as a portfolio hosting platform.