Skip to content

chore: add CLAUDE.md and ignore .claude/ directory #3

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
devLeticia merged 2 commits into from
Mar 23, 2026
Merged

chore: add CLAUDE.md and ignore .claude/ directory #3

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
7bab4eb
docs: add CLAUDE.md with project architecture and commands
devLeticia Mar 23, 2026
87136d8
chore: ignore .claude/ directory in git
devLeticia Mar 23, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 3 additions & 0 deletions .gitignore
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -34,3 +34,6 @@ yarn-error.log*
# typescript
*.tsbuildinfo
next-env.d.ts

# claude code
.claude/
26 changes: 26 additions & 0 deletions CLAUDE.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,26 @@
# CLAUDE.md

This file provides guidance to Claude Code (claude.ai/code) when working with code in this repository.

## Commands

```bash
npm run dev # Start development server on localhost:3000
npm run build # Build for production
npm run start # Start production server (uses $PORT env var, defaults to 3000)
npm run lint # Run ESLint (next/core-web-vitals rules)
```

## Architecture

This is a single-page portfolio website built with Next.js 13 (App Router), TypeScript, and Tailwind CSS.

**Page structure:** `src/app/page.tsx` is the single page (`'use client'`), composed entirely of section components from `src/app/home/components/`. Sections render in order: Intro → WordsCarrousel → Skills → WorkExperience → Projects → Inspirations → Studies → Footer. Each section corresponds to a `#anchor` id used by the Navbar.

**Routing:** There is a `src/app/projects/[project-name].tsx` file, but the site is functionally a single-page app — all content is on `/` with hash-based navigation.

**External links:** All external URLs (LinkedIn, GitHub, Dribbble, Chimptok, etc.) are centralized in `externalLinks.json` at the project root. Import them as `import externalLinks from '@/../../externalLinks.json'`.

**Styling:** Tailwind CSS with a custom dark color palette defined in `tailwind.config.js`. Key custom colors: `lilac-600` (#9580F8), `dark-800`/`dark-900` for backgrounds, `grey-600` for body text. Global CSS in `src/app/globals.css` defines base typography (Poppins font, heading sizes) and two CSS animations — `fadeInUp-animation` and `animate` (horizontal scroll).

**Images:** All project images and skill/inspiration logos live in `public/`. `next.config.js` has `images.unoptimized: true`. The `output: 'export'` option is commented out — the app is deployed as a Node server (Railway), not as a static export.
Loading