My portfolio website is designed to showcase both my personality and skills as a software developer.
- Live Website: amranich.dev
- Design on Behance: View Design
- Website of the Day — CSS Nectar
December 2, 2025
- Fully responsive design for all screen sizes
- Support Non-JavaScript Clients
- Multilingual support (currently English and French)
- Secure contact form with PHPMailer and Google reCAPTCHA
- Custom 404/500 error pages
- SEO optimized metadata and Open Graph support
- Automated CI/CD deployment using GitHub Actions
- Hosted on AWS Lightsail, used Nginx as a web server, vsftpd as an FTP server
Frontend
- Tailwind CSS - Utility-first CSS framework
- Vanilla JavaScript
Backend
Deployment
- AWS EC2 (Debian) - Hosting
- nginx - Web server
- vsftpd - FTP server with SSL/TLS support
- GitHub Actions - CI/CD pipeline
- PHP 8.0+
- Composer
- Node.js 14+
- npm
# clone the repository
git clone https://github.com/AmraniCh/amranich.dev.git
cd amranich.dev
# install PHP dependencies
composer install
# install Node packages
npm install# development server with hot reload
npm run watch
# development build
npm run dev
# production build
npm run prodThe site will be built in the build_production directory.
Create .env from env.example:
# Copy environment file
cp source/backend/env.example source/backend/.envUpdate with your credentials:
SMTP_FROM_ADDRESS=
SMTP_TO_ADDRESS=
SMTP_HOST=
SMTP_PORT=
SMTP_USERNAME=
SMTP_PASSWORD=
RECAPTCHA_SECRET=The project uses GitHub Actions for automated deployment via FTPS:
- Push code or create a tag
- GitHub Actions builds the project
- Files are deployed via FTPS
See .github/workflows/deploy.yml for details.
This project’s code is released under the MIT License.
If you’re interested in building a similar website or need assistance, feel free to reach out at contact@amranich.dev. I’ll be happy to help.
Made with 💛 by AmraniCh