Hi! Welcome to my portfolio, now that I've amassed roughly a year of development experience I have decided to revamp my portfolio! This marks my first project where I commit seriously to executing best practices and following industry standards. I'll document all my learnings here in LEARNINGS.md and issue #2.
Install pnpm
npm install -g pnpm
Use this to install pnpm globally on your system. Verify the installation using pnpm --version.
Install dependencies
pnpm i
Run the app
pnpm dev
The portfolio will now be running on port 4321!
/
├── .husky/ // CI tool for staged and commit linting
├── apps/
│ ├── payload/ // Payload CMS: Headless CMS for building dynamic APIs and admin panels
│ │ ├── src/
│ │ │ ├── controllers/
│ │ ├── ├── migrations/ // Payload CMS migrations
│ │ │ ├── routes/
│ │ │ ├── services/
│ │ │ └── collections/ // Payload CMS collections
│ │ ├── payload.config.ts
│ │ ├── server.ts
│ │ ├── dockerfile
│ ├── storybook/
│ │ ├── stories/ // Directory for stories
│ │ └── .storybook/
│ │ ├── main.js
│ │ └── preview.js
│ ├── website/ // Main website for personal portfolio
│ │ ├── src/
│ │ │ ├── components/
│ │ │ │ └── ui/ //shadcn components
│ │ │ │ └── index/ // components used in index
│ │ │ ├── layouts/
│ │ │ │ └── MainLayout.astro
│ │ │ ├── pages/
│ │ │ │ └── index.astro
│ │ │ ├── helpers/
│ │ │ ├── styles/
│ │ │ └── tests/ // Tests directory for the website
│ │ │ ├── unit/ // Unit tests
│ │ ├── dockerfile
│ ├── website-e2e/ // E2E tests for the main website
│ │ ├── tests/
│ │ │ ├── navigation/
│ │ │ │ └── header.spec.ts
│ │ │ └── components/ // Component tests
│ │ │ └── button.spec.ts
│ │ ├── playwright.config.ts
│ │ └── package.json
├── commitlint.config.ts // commit linting rules
├── eslint.config.ts // linting rules
└── package.jsonLink to this project's Figma