This is a modern landing page built using Next.js, React, TypeScript, and Tailwind CSS.
The page is structured using reusable components for easy maintenance and scalability.
- β Responsive UI built with Tailwind CSS
- β Component-based structure for better maintainability
- β Dockerized for easy deployment
- β Live on AWS EC2 for public access
- Next.js (React Framework)
- TypeScript
- Tailwind CSS
- Docker (for containerization)
- AWS EC2 (for hosting)
You can run this application using Docker in just a few steps:
docker pull sameerasineen85/travel_appdocker run -d -p 3000:3000 sameerasineen85/travel_appVisit π http://localhost:3000 in your browser.
β Now, the app is running on your local machine inside a Docker container! π
This application is hosted on AWS EC2 and can be accessed publicly:
π http://35.169.134.78 (Elastic IP)
If you want to deploy this app on AWS EC2, follow these steps:
- Go to AWS EC2 Console
- Create an EC2 instance using Amazon Linux 2023
- Choose t2.micro (Free Tier Eligible)
- Add Security Group Rules:
- Port 22 (SSH) β Open for your IP
- Port 80 (HTTP) β Open to public (0.0.0.0/0) ** SSH into Your EC2 Instance**
ssh -i ~/Downloads/ec2-key.pem ec2-user@<your-ec2-ip>sudo yum update -y
sudo yum install docker -y
sudo systemctl start docker
sudo systemctl enable dockerdocker pull sameerasineen85/travel_app
docker run -d -p 80:3000 sameerasineen85/travel_app- Go to AWS EC2 Console β Elastic IPs
- Allocate a new Elastic IP
- Associate it with your EC2 instance β Now, your website is permanently accessible at http://[Elastic IP] π
We welcome contributions to improve this project! If you'd like to contribute, follow these steps:
- Click the Fork button at the top-right of this repository.
git clone https://github.com/your-username/travel_app.git
cd travel_appgit checkout -b feature-new-section- Modify the code and add new features or fix bugs.
- Test your changes before committing.
git add .
git commit -m "Added a new feature"
git push origin feature-new-section- Go to the Pull Requests tab in GitHub.
- Click New Pull Request and select your branch.
- Write a short description and submit. β Your contribution will be reviewed and merged if approved! π
If you have any questions or suggestions, feel free to open an issue or contact us.[sineen.0509@gmail.com]
π― We appreciate your contributions! π