Personal Portfolio

👋 About Me

Welcome to my portfolio! I'm a passionate developer focused on creating impactful web experiences using modern technologies. I specialize in frontend development with expertise in React, Next.js, TypeScript and Trae.

🚀 Project Overview

This portfolio is built with Next.js 14, leveraging the latest features and best practices in web development. It showcases my projects, skills, and professional journey while demonstrating clean code architecture and modern design principles.

✨ Key Features

• Responsive design optimized for all devices
• Dark/Light theme support with next-themes
• Internationalization support (English/French)
• Blog section for sharing insights and experiences
• Interactive UI components with Framer Motion
• Performance optimized with Next.js Image and Font optimization

🛠️ Tech Stack

• Framework: Next.js 14
• Language: TypeScript
• Styling: TailwindCSS
• State Management: Zustand
• Animations: Framer Motion
• Testing: Jest & React Testing Library
• Internationalization: i18next
• Analytics: Vercel Analytics

🚦 Getting Started

Prerequisites

• Node.js 18+
• npm or yarn

Installation

1. Clone the repository

git clone <repository-url>
cd portfo

2. Install dependencies

npm install
# or
yarn install

3. Start the development server

npm run start:dev
# or
yarn start:dev

Open http://localhost:8080 with your browser to see the result.

📝 Project Structure

src/
├── app/          # Next.js app directory
├── components/   # Reusable UI components
├── config/       # Configuration files
├── lib/          # Utility functions
├── locales/      # Translation files
└── validations/  # Form validation schemas

🔧 Configuration

The project uses various configuration files:

• next.config.mjs - Next.js configuration
• tailwind.config.ts - TailwindCSS theme and plugins
• tsconfig.json - TypeScript configuration
• .eslintrc.json - ESLint rules

🤝 Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

1. Fork the project
2. Create your feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

📫 Contact

Feel free to reach out if you have any questions or would like to connect!

---

Built with ❤️ using Next.js and Trae.