My Portfolio Website

This project is created using React + Emotion + Vite (REV) boilerplate.

Tech Stack

• Frontend: React + Vite + Emotion
• UI Components: Ant Design - Grid system, Drawer, Icons, Carousel, and Select components
• Internationalization: react-i18next - Supports English and Kazakh languages
• Image Viewer: react-modal-image - Enlargeable images
• Backend: Flask - Lightweight Python framework serving content API
• Database: MongoDB - NoSQL database for content management
• DevOps: Docker + Docker Compose for containerization
• Git Hooks: Husky - Pre-push validation scripts

Local Development

All services (backend, frontend, database) are containerized using Docker.

Prerequisites

• Docker and Docker Compose
• Yarn

Setup

1. Clone the repository:

git clone https://github.com/akbarkz/portfolio.git
cd portfolio

2. Build and start all containers:

yarn docker:build
yarn docker:up

The app will be available at http://localhost (port 80).

3. Run the data migration (first time only):

yarn docker:migrate

To use hot-reloading of the frontend run the following command which will run the app at http://localhost:3000:

yarn start:client

Note: Local environment variables are already configured in the .env file with sensible defaults for Docker development.

Useful Commands

• yarn docker:down - Stop all containers
• yarn docker:logs - View container logs
• yarn docker:restart - Restart all services
• yarn docker:clean - Stop containers and remove volumes
• yarn docker:backup - Create MongoDB backup

Production Deployment

The production version is deployed via Railway and can be viewed at: https://akbarkz.com/

Deployment Details

• Frontend: Served with NIXPACKS auto-detection
• Backend: Flask with Gunicorn WSGI server
• Database: MongoDB hosted on Railway
• Backups: Automated daily backups via GitHub Actions (see backups/README.md)

License

MIT