A travel website created with React Js and CSS. The goal of this project for me was to get familiar with some of the fundamentals of using React Hooks and React Router. While also learning the techniques of building a responsive website using media queries.
The website can be found on Netlify
- React Router: to create a seamless SPA navigation
- React Hooks: to manage component states and side effects
- Render Props: to share the state or behavior that one component encapsulates to other components that need that same state
- Flexbox & Media Queries: to practice responsive website design
Landing page - Hero Section
Landing page - Destinations section
Sign Up
Currently the website consists of the following being completed:
- Landing page
- Responsive Navigation bar
- Reusable Button component
- Rusable Card Items component
- Services, Products, Sign Up pages with no content
- Footer
version 2
- Services page
- Sign Up Page
- Destination detailed page
To Do:
- ign Up page with input validation
- Design of 404 page
- Dynamic data rendering by each destination
This project was inspired by my love for travelling and a React Website tutorial by briancodex. Additionally, the documentation on React Js, React Router V6 and Media Query was extremely useful in this project.