Tourism Hampi

screenshot of Tourism Hampi
express
gatsby
react
styled-components

Hampi Tourism site: React, Gatsby, Node, GraphQL, Contentful CMS, Formspree,

Overview:

Hampi Tourism site is a blog site designed to provide information and insights about the Hampi tourist destination in India. It utilizes various technologies such as JavaScript, React for frontend development, Gatsby as a static site generator, and Node.js for backend support. The site also incorporates Contentful CMS for storing images and posts, Formspree for sending emails, and GraphQL for querying data from Contentful CMS.

Features:

  • Interactive Demo: The site offers an interactive demo showcasing the features and highlights of the Hampi tourist destination.
  • About Section: Provides detailed information about Hampi, its history, culture, and tourist attractions.
  • Featured Places: Highlights the top tourist spots in Hampi with descriptions and photographs.
  • Places Section: Contains detailed information about various places to visit in Hampi along with their historical significance and tourist recommendations.
  • Blog: Offers a blog section with articles and travel guides about Hampi, providing valuable insights for tourists.
  • Photos: Includes a gallery of stunning photographs capturing the beauty and essence of Hampi.
  • Contact: Provides a contact form for users to reach out and inquire about Hampi or the tourism site.

Summary:

The Hampi Tourism site is a comprehensive blog site that serves as a valuable resource for tourists interested in visiting Hampi in India. It utilizes various technologies and features an interactive demo, detailed information about Hampi, top tourist spots, a blog, photo gallery, and contact form. The installation process involves cloning the repository, installing dependencies, and configuring Contentful CMS API keys. Overall, the Hampi Tourism site offers a user-friendly and informative experience for potential visitors to Hampi.

express
Express

Express.js is a simple Node.js framework for single, multi-page, and hybrid web applications.

gatsby
Gatsby

GatsbyJS is a free and open-source static site generator based on React. It uses a modern development stack including Webpack, GraphQL, and modern JavaScript and CSS frameworks. It also provides a rich set of plugins, starters, and themes.

react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components

styled-components
Styled Components

Styled Components is a popular library for styling React components using CSS syntax. It allows you to write CSS in your JavaScript code, making it easier to create dynamic styles that are specific to each component.