Travel Guide is a web application with the goal of being a hub of information for popular tourist locations.
- Built using Vite and created with React for a component based project. Styling with TailwindCSS to complement React's components.
- Completely serverless using JSON files for containing data.
- Client-side routing with React-Router's data router.
- CSS: Animations, Font Delivery Services, Responsive Design, and Reactive Elements.
- HTML: Forms and Inputs, Iframes, and Semantic Tags.
- React: Providers, States, Refs, Memos, Contexts, Custom Hooks, and Conditional Rendering.
Travel Guide uses npm for package management.
- Clone the github repo.
- Use
npm installto install all the necessary packages. - Run the dev build using the
npm run startcommand.
*There is an issue with the "Countries" page. Due to how most modern browsers handle Cross-Origin Resource Sharing, the use of the iframe is unable to show the outside website without an external workaround.
This project is based off of a tutorial in Swift for iOS mobile software design created by Prof. Osman Balci. All credit for the original idea and design goes to him.