A bilingual portfolio website for my freelance career, with courses, articles, and project showcases.
Codehub Frontend is the website for Codehub, my freelance portfolio. Visitors explore my work, services, courses, and articles, create an account to comment, and get in touch. It is available in English and Khmer and is powered by the Codehub Backend.
- Home, About, and Work pages, with project detail pages.
- Courses and articles, with Markdown-rendered content and comments.
- Authentication: sign-in, sign-up, forgot password, reset password, and protected routes.
- Profile, contact, privacy, and terms pages.
- English and Khmer localization with i18n.
- Light and dark themes, a navigation drawer, and dynamic page titles.
- Animations with GSAP, Framer Motion, and typing effects.
- Data fetching with SWR and Axios, and forms with React Hook Form and Zod.
| Area | Technology |
|---|---|
| UI | React 18, React Router 6 |
| Language | TypeScript |
| Styling | Tailwind CSS, daisyUI, styled-components |
| State management | Zustand |
| Data | SWR, Axios |
| Forms | React Hook Form, Zod |
| Animation | GSAP, Framer Motion, Swiper |
| Content | react-markdown, remark-gfm, Chart.js |
| Build | Vite |
- Node.js and npm
- A running Codehub Backend
git clone https://github.com/RithyBondeth/Codehub-Frontend.git
cd Codehub-Frontend
npm install
npm run devOpen http://localhost:5173.
| Command | Description |
|---|---|
npm run dev |
Start the development server |
npm run build |
Type-check and build for production |
npm run lint |
Run ESLint |
npm run preview |
Preview the production build |
Codehub-Frontend/
└── src/
├── pages/
│ ├── auth/ # signin, signup, forgot and reset password
│ ├── main/ # home, about, work, course, article
│ └── sub/ # profile, contact, privacy, terms
├── components/ # Feature components
├── stores/ # Zustand stores: api, auth, drawer, language, theme
├── languages/ # English and Khmer translations
├── routers/ # Routes and protected routes
└── constants/
- Codehub-Backend: the NestJS API
Rithy Bondeth — Full Stack Developer & AI Engineer
Distributed under the MIT License. See LICENSE for details.