This is a project that showcases the beauty of Thailand. We have compiled a list of some of the most beautiful destinations in Thailand, along with information about each destination, so that you can plan your next trip to this amazing country.

1. Getting Started
2. User Experience (UX)
3. Features
4. Visitors section
5. What To Do Section
6. Footer
7. Gallery
8. The Sign Up Page
9. Features Left To Implement
10. Testing
11. Deployment
12. Credits

To view the website, simply click on the following link: View the live project here

• Users stories

  • First Time Visitor Goals

  1. As a First Time Visitor, I want to easily understand the main purpose of the site and learn more about the organisation.
  2. As a First Time Visitor, I want to be able to easily navigate throughout the site to find content.
  3. As a First Time Visitor, I want read engaging articles that provide insight into Thailand's history, culture, and current events and discover new photo galleries and articles about Thailand's hidden gems and unique experiences.

  • Returning Visitor Goals

  1. I want discover new photo galleries and articles about Thailand's hidden gems and unique experiences.
  2. I want engage with other members of the community by commenting and sharing content.
  3. I want to look for testimonials to understand what their users think of them. I also want to locate their social media links to see their followings on social media.

  • Frequent User Goals

  1. I want stay up-to-date with the latest content by regularly checking the website.
  2. I want interact with other members of the community by contributing your own photos and articles and also maybe join the community on the next trip.
  3. I want engage with the We Love Thailand Project team by providing feedback and suggestions for new content and also share photos and stories about your own experiences in Thailand.

• Wireframes

  • Home Page

  

  • Gallery

  

  • Sign Up

  

• A list of destinations in Thailand with information and pictures.
• Responsive design that adjusts to different screen sizes.
• Navigation bar that makes it easy to navigate to different sections of the website.

• Responsive footer that includes links to social media accounts and copyright information.

• The "Visitors" section on the We Love Thailand website provides information and tips for tourists who are planning to visit Thailand, including recommendations why they should visit the country.

• The "What To Do" section on the We Love Thailand website provides recommendations for activities and experiences that visitors can enjoy in Thailand, such as trying local food, visiting temples and historical sites, enjoy a massage, relaxing and exploring natural wonders like beaches and waterfalls.

• The footer section includes links to the relevant social media sites. The links will open to a new tab to allow easy navigation for the user.
• The footer also includes copyright with a link to RockyPraxe profile on github.
• The footer is valuable to the user as it encourages them to keep connected via social media.

• The "Gallery" section on the We Love Thailand website features a collection of high-quality images showcasing the beauty of Thailand. Visitors can browse through the gallery and view pictures of different destinations, attractions, and activities in Thailand to get inspiration for their own travels.

• The "Sign Up" section on the We Love Thailand project allows visitors to sign up for a chance travel in Thailand with the community. By providing their name and email address. In the future visitors can receive regular updates about new destinations, travel tips, and promotions related to Thailand.

• Videos from the community
• Newsletter for registered members
• Dates and times for next trips
• Meeting times and places for community members

• The Website was tested on Google Chrome, Internet Explorer, Microsoft Edge and Safari browsers. The website was viewed on a variety of devices such as Desktop, Laptop, iPhone7, iPhone 8 & iPhoneX.

• A large amount of testing was done to ensure that all pages were linking correctly.

• Friends and family members were asked to review the site and documentation to point out any bugs and/or user experience issues.

• The W3C Markup Validator and W3C CSS Validator Services were used to validate every page of the project to ensure there were no syntax errors in the project.

• W3C Markup Validator - Results for index.html

• W3C Markup Validator - Results for gallery.html

• W3C Markup Validator - Results for signup.html

• W3C CSS Validator - Results for index.html

• W3C CSS Validator - Results for gallery.html

• W3C CSS Validator - Results for signup.html

• Lighthouse testing for the desktop version and the mobile version was also improved.

• Desktop Version

• Mobile version

• On the first page (home or index.html) when viewed on a mobile or tablet, the footer covers the bottom of the text under the last image in the What To Do section.

• The site was deployed to GitHub pages. The steps to deploy are as follows:
• In the GitHub repository, navigate to the Settings tab.
• Then on the left side of the screen click on Pages
• From the source section drop-down menu, select the Master Branch.
• Once the master branch has been selected as main, the page will be automatically refreshed with a detailed ribbon display to indicate the successful deployment.
• The live link can be found here - https://rockypraxe.github.io/We-Love-Thailand-project-1/index.html

• HTML
• CSS

• Code Institute-LMS videos, tutorials and template
• Love Running Project
• W3schools.com for help with the css code
• Youtube

• The text for the Home page was taken from the Autor, Wikipedia and Google.
• The icons in the footer were taken from Font Awesome
• The font and font style were taken from Google Fonts

• The pictures were taken from the Autor, Pexels and Pixabay

• For the colors i used Adobe Color Wheel and Color Space

• I used Bytes.dev for the responsive design picture for README.md

• I used Favicon Generator to insert the Thai flag