ちくわぶ

Prgckwb Portfolio Website

Personal portfolio website for Rento Yamaguchi (Prgckwb), a machine learning engineer and Kaggle Expert.

Features

• Multilingual Support: Japanese and English language support with React Context
• Responsive Design: Mobile-first approach with Tailwind CSS
• Modern Animations: Framer Motion for smooth interactions
• Contact Links: Direct mailto links for easy communication
• Dark/Light Theme: (Coming soon)

Tech Stack

• Framework: Next.js 15.3.3
• Language: TypeScript
• Styling: Tailwind CSS
• Animations: Framer Motion
• Icons: React Icons

Setup

1. Clone the repository

   git clone https://github.com/prgckwb/prgckwb-web.git
   cd prgckwb-web
   

2. Install dependencies

   pnpm install
   

3. Run the development server

   pnpm dev
   

4. Build for production

   pnpm build
   

Project Structure

src/
├── app/                    # Next.js app directory
│   ├── layout.tsx         # Root layout with LocaleProvider
│   ├── page.tsx           # Main page components
│   └── not-found.tsx      # Custom 404 page
├── components/            # React components
│   ├── Navigation.tsx     # Navigation bar with language switcher
│   ├── Hero.tsx          # Hero section
│   ├── About.tsx         # About section
│   ├── Contact.tsx       # Contact information with mailto links
│   ├── Footer.tsx        # Footer component
│   └── LanguageSwitcher.tsx # Language toggle component
├── contexts/             # React contexts
│   └── LocaleContext.tsx # Internationalization context
├── lib/                  # Utilities and configurations
│   └── translations.ts   # Translation files (Japanese & English)
└── styles/              # Global styles
    └── globals.css      # Tailwind CSS imports

Contact System

The contact section uses simple mailto: links that open the user’s default email client when clicked. This provides a straightforward way for visitors to get in touch directly via email to dev@prgckwb.com.

Deployment

This project is optimized for deployment on Vercel:

1. Push your code to GitHub
2. Connect your repository to Vercel
3. Deploy with default settings

License

This project is licensed under the MIT License.

Contact

• Email: dev@prgckwb.com
• GitHub: @prgckwb
• Twitter: @prgckwb