A terminal-inspired portfolio and blog built with React, TypeScript, and Tailwind CSS.
Live: satyarthi.online
- Terminal UI — CLI-inspired aesthetic with monospace typography,
$ commandprompts, blinking cursors, and green-on-black color scheme - Blog — Markdown-powered blog with
?rawimports, GFM support (tables, blockquotes, lists), and terminal-styled chrome - Scroll Progress — Spring-animated green progress bar
- Responsive — Mobile-first with hamburger menu and terminal directory listing
| Category | Technologies |
|---|---|
| Framework | React 19, TypeScript |
| Animation | Framer Motion |
| Styling | Tailwind CSS (typography plugin) |
| Markdown | react-markdown, remark-gfm |
| Routing | React Router DOM |
| Icons | Lucide React |
| Build | Vite |
npm install
npm run dev├── App.tsx # Navbar, footer, routing
├── constants.ts # Resume data
├── content/blog/
│ ├── index.ts # Blog post registry (enabled/disabled)
│ ├── 01-indias-wrong-reward-function.md
│ └── 02-bet-against-yourself.md
├── pages/
│ ├── Home.tsx # Hero, recent posts, experience, skills, projects
│ ├── Blog.tsx # date:title listing
│ └── BlogPostView.tsx # Single post with prose rendering
├── components/ui/
│ ├── Card.tsx
│ └── Section.tsx
- Email: bsatyarthi@gmail.com
- Twitter: x.com/bsatyarthi
- LinkedIn: linkedin.com/in/bsat007
$ exit