a55a7fd58a
All checks were successful
Deploy React portfolio / deploy (push) Successful in 31s
Sets up a CI/CD pipeline to automate the deployment of the portfolio website to a web server. The pipeline includes steps for: - Checking out the code - Setting up Node.js - Installing dependencies - Building the application - Deploying the built application to the web server via SSH. This automated deployment ensures that the portfolio is always up-to-date with the latest changes. feat: update to use correct ssh Updates deployment script to use dist folder Modifies the deployment script to correctly reference the `dist` directory instead of the `build` directory. This ensures that the correct files are deployed to the web server. Automates deployment workflow using Gitea Actions 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. edit to use ssh secret instead fix: english translation for education fix: correct contact mail fix: store system choice for theme
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.