Arthur Danjou | Portfolio 2024

My professional portfolio built with modern Nuxt.js technologies, showcasing projects, skills, and experience.

📋 Table of Contents

• Features
• Tech Stack
• Project Structure
• Adding Content
  • Projects
  • Writings
  • Uses Page
• Integrations
• License
• Contact

✨ Features

• Responsive Design - Fully responsive layout that works on all devices
• i18n Support - Multilanguage content with Nuxt i18n
• Content Management - Easy content editing with Nuxt Content and Nuxt Studio
• Modern Styling - Beautiful UI built with Tailwind CSS and SASS
• Performance Optimized - Fast loading times and SEO optimized
• Analytics - WakaTime integration to track coding statistics
• Discord Integration - Real-time Discord status display
• CI/CD - Automated deployment with NuxtHub

⚒️ Tech Stack

• UI Framework → Vue.js 3
• Framework → Nuxt 3
• Content Management → Nuxt Content
• Design System → NuxtUI
• CMS & Editing → Nuxt Studio
• Language → TypeScript
• Deployment → NuxtHub
• Styling → Sass & Tailwind CSS
• Package Manager → pnpm
• Internationalization → Nuxt i18n
• Database ORM → Drizzle
• Composables → VueUse
• Validation → Zod
• Globe Visualization → Cobe
• Icons → Iconify

📂 Project Structure

├── assets/              # Static assets like global styles
├── components/          # Vue components
├── content/             # Markdown content for the portfolio
│   ├── projects/        # Portfolio projects
│   ├── writings/        # Writings
│   └── uses/            # Uses page items
├── layouts/             # Page layouts
├── pages/               # Application pages
├── public/              # Public static files
│   ├── projects/        # Projects images
│   └── writings/        # Writings images
├── server/              # Server API routes
├── utils/               # Utility functions
├── .env.example         # Example environment variables
├── nuxt.config.ts       # Nuxt configuration
├── package.json         # Dependencies and scripts
└── README.md            # Project documentation

🍱 Adding Content

Projects

1. Create a new .md file in the /content/projects/ directory
2. Follow the structure of existing projects:

---
---
slug: project-slug
title: Project Title
description: A brief description of the project
publishedAt: YYYY/MM/DD
readingTime: 1
cover: project-slug/cover.png
tags:
  - web
---

## Project content goes here

Detailed description and information about the project.

3. Add related project images to /public/projects/project-slug/

Writings

1. Create a new .md file in the /content/writings/ directory
2. Follow the structure of existing projects:

---
slug: article-slug
title: The title of the article
description: A brief description of the article
readingTime: 1
publishedAt: YYYY/MM/DD
cover: article-slug/cover.png
tags:
  - tag1
  - tag2
  - tag3
---

## Writing content goes here

Detailed description and information about the article.

3. Add related writing images to /public/writings/article-slug/

Uses Page

Add new items to the /content/uses/ directory following the existing pattern:

{
  "name": "Name of the item",
  "description": {
    "en": "Item description in English",
    "fr": "Item description in French",
    "es": "Item description in Spanish"
  },
  "category": "Item category name"
}

🔌 Integrations

• WakaTime - Track coding time and statistics
• Discord - Display real-time Discord status
• Nuxt Studio - Headless CMS for content management
• Nuxt i18n - Internationalization support

📄 License

MIT © Arthur Danjou

📬 Contact

• Website: arthurdanjou.fr
• GitHub: @ArthurDanjou
• LinkedIn: Arthur Danjou