Huong Hua Co. Ltd. Website Project

This README provides detailed information about the English version of the Huong Hua Co. Ltd. website. The website is tailored for a company in HCMC, Vietnam specializing in bathroom equipment design and construction, offering comprehensive insights into the company's services, portfolio, career opportunities, and more.

It is designed to help the company expand its online presence, attract new (and foreign) clients, and showcase its expertise in bathroom solutions. The website features a clean, modern design with a user-friendly interface, making it easy for visitors to navigate and explore the company's offerings.

Table of Contents

• Overview
• User Interface
• Features
  • 1. Home Page
  • 2. About Us
  • 3. Services
  • 4. Portfolio
  • 5. Team
  • 6. Career
  • 7. Contact
  • 8. FAQ
  • 9. Client Testimonials
  • 10. Footer
• Technology Stack
• Live Deployment
• Setup and Installation
• Configuration
• Contributing
• Support
• License

Overview

Huong Hua Co. Ltd. is dedicated to delivering top-quality bathroom solutions, ranging from design to installation and renovation. The website serves as a digital platform to showcase the company's expertise, project portfolio, client testimonials, and career opportunities.

User Interface

Features

1. Home Page

• Introduction to Huong Hua Co. Ltd.
• Quick navigation links to various sections of the website.

2. About Us

• Details about the company's history, mission, and values.
• Overview of the company's specializations in bathroom solutions.

3. Services

• Detailed descriptions of services offered, such as bathroom design, installation, and renovation.
• Custom content aligning with the company's expertise in bathroom solutions.

4. Portfolio

• Showcase of completed projects.
• Images and descriptions of various bathroom designs and constructions.

5. Team

• Information about the key team members.
• Profiles of designers, project managers, and other crucial staff.

6. Career

• Current job openings and a form for potential candidates to apply.
• Integration with Formspree for form submission handling.

7. Contact

• Contact information and a form for inquiries, integrated with Formspree.
• Embedded Google Map showing the location of the company.

8. FAQ

• Answers to frequently asked questions about services, #, project timelines, etc.

9. Client Testimonials

• Feedback and reviews from past clients.
• Reflects the company's commitment to quality and customer satisfaction.

10. Footer

• Additional navigation links.
• Social media links and contact information.

Technology Stack

• React: For building reusable components.
• Bootstrap: For responsive design.
• jQuery: Used for Bootstrap components and additional interactivity.
• Django: For backend development (full code not included in this repository due to the company's privacy reasons).
• PHP: For form handling and server-side processing.
• Google Maps API: For embedding location maps.
• MongoDB: For storing client testimonials and job applications.
• MySQL: For storing user data and website analytics.
• MailChimp: For newsletter subscription and email marketing.
• Formspree: For form submission handling.
• Docker: For containerization and deployment.
• Nginx: For web server configuration and load balancing.
• AWS EC2, RDS, DocumentDB, S3, Gateway, CloudFront, and Route 53: For deployment, hosting, and cloud services.
• Prettier: For code formatting and consistency.

Live Deployment

The website is live at Huong Hua Co. Ltd.. It is hosted on AWS EC2 and uses various cloud services for deployment and hosting, specifically:

• Amazon RDS: For MySQL database hosting.
• Amazon DocumentDB: For MongoDB database hosting.
• Amazon S3: For storing static assets and media files.
• Amazon Gateway: For API management.
• Amazon Route 53: For domain registration and DNS management.
• Amazon EC2: For hosting the website and backend services.
• Amazon CloudFront: For content delivery and caching.
• Docker: For containerization and deployment.

Setup and Installation

To set up the website locally, follow these steps:

1. Clone the Repository:
   • Use git clone https://github.com/hoangsonww/Huong-Hua-Co-Website.git to clone the repository.
2. Navigate to the Project Directory:
   • cd huong-hua-co-ltd-website
3. Open the HTML Files:
   • Run npm install to install the dependencies.
   • Run npm start to start the development server.

Configuration

• Formspree Setup:
  • Replace the Formspree endpoint URLs in the contact and career forms with your unique Formspree URL.
• Google Maps API:
  • Update the iframe source with your Google Maps API key for accurate location mapping.
• No other configuration is required for the frontend. The full backend setup is not included in this repository.

Advertisement Notice

The website also contains some ads from Google AdSense. The ads are placed in strategic locations to maximize visibility and engagement. The ads are designed to be non-intrusive and blend seamlessly with the website's design. The revenue generated from the ads helps support the website's maintenance and hosting costs.

Contributing

Contributions to the website are welcome. Please adhere to the following guidelines:

• Fork the repository and create a new branch for your feature.
• Write clean, commented, and well-documented code.
• Ensure cross-browser compatibility and responsiveness.
• Create a pull request with a detailed description of the changes.

Support

For support, contact info@huonghuacoltd.com or open an issue in the GitHub repository.

License

The project is licensed under the MIT license. See the LICENSE file for more details.

---