Tech Stack
Core Framework
| Technology | Version | Purpose |
|---|---|---|
| React | 18.2.0 | UI framework |
| React DOM | 18.2.0 | DOM rendering |
| React Router DOM | 6.9.0 | Client-side routing |
| React Scripts | 5.0.1 | Build tool (CRA) |
Styling Solution
| Technology | Purpose |
|---|---|
| Tailwind CSS 3.4 | Main styling, utility classes |
| PostCSS + Autoprefixer | CSS processing |
| tailwindcss-textshadow | Text shadow plugin |
| Custom keyframes | fadeInUp, fadeInLeft, fadeIn, softPulse |
Theme & Extensions
- Primary color:
bured(#B24D4D) - Text shadow:
textShadow.md
UI & Animation
| Library | Purpose |
|---|---|
| Framer Motion 12.19 | Animation, dropdown menus, transitions |
| React Icons 5.5 | Icons |
| @radix-ui/react-slot | Component composition |
| class-variance-authority (cva) | Variant styles |
| clsx + tailwind-merge | Class name merging (cn function) |
Build & Tools
| Tool | Description |
|---|---|
| Create React App | Webpack build, dev server |
| Babel | JS transpilation |
| browserslist | Target browsers |
Browser Support
- production:
>0.2%, not dead, not op_mini all - development: Latest Chrome/Firefox/Safari