6e038ead84
Some checks failed
Deploy React portfolio / deploy (push) Failing after 1m3s
Sets up a Gitea Actions workflow to automatically build and deploy the React portfolio website to the production server. This includes: - Using a containerized environment for consistent builds. - Installing dependencies and building the project. - Deploying the built files to the web server via SSH and rsync. - Reloading the web server configuration to apply changes. Also, this change updates the .gitignore file to exclude the 'dist' directory.
Portfolio
Personal portfolio website showcasing my projects and skills as a Full Stack Developer.
Tech Stack
- React 18 with TypeScript
- Vite for fast development and build
- Tailwind CSS for styling
- Motion for animations
- React Router for navigation
- i18next for internationalization (French/English)
Features
- Responsive design with mobile-first approach
- Dark/Light theme with system preference support
- Animated page transitions and interactions
- Multi-language support
- Project showcase with detailed views
- Skills and experience sections
- Contact information
Development
Install dependencies:
npm install
Start development server:
npm run dev
Build for production:
npm run build
Preview production build:
npm run preview
Project Structure
src/
├── components/ # React components
├── i18n/ # Translation files (en/fr)
├── icons/ # SVG icon components
└── styles/ # Global styles and CSS
Internationalization
Translations are modularized by section in JSON files under src/i18n/en/ and src/i18n/fr/. Each section (nav, hero, about, experience, etc.) has its own file for easy maintenance.
Theme System
The site supports three theme modes:
- Light mode
- Dark mode
- System preference (auto-detect)
Theme preference is persisted in localStorage.
License
All rights reserved.