mjki.dev

This is the source code for my personal website mjki.dev.

Table of Contents

• Tech Stack
• Packages
• Why did I build this?
• SRS, Software Requirements Specification
• Flowchart
• Wireframe
• Functional Specification
• Prototype
• System Architecture
• Folder structure
• Tech Stack
• Packages

Why did I build this?

I wanted to have a personal website to showcase my projects and to have a place to write about things I learn. I also wanted to have a place to experiment with new technologies and to have a place to document my journey as a developer.

SRS, Software Requirements Specification

Flowchart

Wireframe

Functional Specification

Prototype

System Architecture

Tech Stack

• Core: Next.js
• Styling: Tailwind CSS
• Package Manager: pnpm
• Linting
  • ESLint
  • stylelint
  • Prettier
• Test
  • Jest
  • React Testing Library
  • Storybook
• CI/CD: GitHub Actioons
• Deployment: Vercel

Why do I choose Tailwind CSS

I wanted to experiment with Tailwind CSS

Packages

• Font
  • geist
• Icons
  • react-icons
• Google Anylytics
  • @next/third-parties
• MDX
  • next-mdx-remote
  • sugar-high

Testing

Monitoring & Logging

CI/CD