A personal portfolio and life log engineered with the "Militant Knife Edge" design system.
Edhumbling is not just a portfolio; it's a statement. Built to reflect a sharp, technical, and tactical aesthetic, this project eschews modern rounding for a "Militant Knife Edge" design philosophy. It serves as both a showcase of professional work and a personal life log.
The UI is governed by a strict set of rules to maintain its unique "Japanese/Militant" aesthetic:
- Void Black Palette: Built on a foundation of
#000000(Void) and#0a0a0a(Gunmetal). - Zero Radius: Absolutely no rounded corners (
border-radius: 0px). - Technical Typography: Uppercase headings, wide letter-spacing, and system-like labels.
- Precision: 1px borders, grid overlays, and diagonal slice effects.
- Core: Next.js 16 (App Router)
- Language: TypeScript
- Styling: BaseUI + Styletron
- Testing: Jest + React Testing Library
- Quality: ESLint
- Node.js 18+
- npm
-
Clone the repository:
git clone https://github.com/yourusername/edhumbling.git cd edhumbling -
Install dependencies:
npm install # or yarn install -
Run the development server:
npm run dev
Open http://localhost:3000 with your browser to see the result.
| Command | Description |
|---|---|
npm run dev |
Starts the development server. |
npm run build |
Builds the application for production. |
npm run start |
Starts the production server. |
npm run lint |
Runs ESLint to catch code quality issues. |
npm test |
Runs the test suite using Jest. |
npm run test:watch |
Runs tests in watch mode. |
edhumbling/
├── app/ # Next.js App Router Setup
│ ├── globals.css # Global styles & design tokens
│ ├── layout.tsx # Root layout & providers
│ └── page.tsx # Home page
├── __tests__/ # Unit and Integration tests
├── public/ # Static assets
└── package.json # Dependencies and scripts