57 lines
1.3 KiB
Text
57 lines
1.3 KiB
Text
## Tech Stack
|
|
|
|
### Frontend
|
|
- React 18
|
|
- TypeScript 4.9
|
|
- React Router DOM 6
|
|
- Tailwind CSS 3.3
|
|
- Framer Motion 10
|
|
- React Icons 4.11
|
|
- React Simple Maps 3.0
|
|
- React Intersection Observer 9.5
|
|
|
|
### Backend
|
|
- Node.js with Express
|
|
- TypeScript
|
|
- Nodemailer for email handling
|
|
- CORS for cross-origin resource sharing
|
|
- dotenv for environment variable management
|
|
|
|
### Development & Build Tools
|
|
- Docker & Docker Compose
|
|
- PostCSS
|
|
- Autoprefixer
|
|
- npm
|
|
|
|
### Production
|
|
- Nginx (Production server for frontend)
|
|
- Node.js server for backend API
|
|
|
|
### Architecture
|
|
- Frontend running on port 3000 (development)
|
|
- Backend API running on port 4000
|
|
- Containerized development and production environments
|
|
- REST API for contact form handling
|
|
- Gmail SMTP for email delivery
|
|
|
|
### Key Features
|
|
- Responsive design
|
|
- Animated UI components
|
|
- Interactive USA region map
|
|
- Contact form with email notifications
|
|
- Timeline visualization
|
|
- Service showcase
|
|
- Biography section
|
|
- Testimonials section
|
|
|
|
### Development Environment
|
|
- Multi-container setup with Docker Compose
|
|
- Hot-reloading enabled
|
|
- Separate development and production builds
|
|
- Environment variable management for sensitive data
|
|
|
|
### Production Environment
|
|
- Nginx serving static frontend files
|
|
- Node.js backend API
|
|
- Containerized deployment
|
|
- Secure email handling with Google App credentials
|