Backroads 🏖️
PROD [Live] : https://react-backroads-v2-prod.netlify.app
Backroads Tours is a HTML to React project consisting of a straightforward user interface where there is a
- List of sections i.e. Navbar, Hero, About, Services, Featured, Footer.
- Navbar will have a Logo, links to navigate across the sections of the page, and icons to the social media managed by the company.
- On screens <992px, the Navbar will have logo, NavButton
- Hero will have headings, background image and an
Explore Tourson click navigates to Featured Tours section. - About will have an image and some information about the company along with
Read More. - Services has articles with some information that tells about the benefits provided by the company for the tour.
- Featured has been implemented in cards that show some of the featured tours.
- Footer has links to navigate across the sections of the page, icons of social media operated by the company, and copyright information.
- Responsive design has been implemented across all the sections of the page using CSS Flexbox, CSS Grid with columns layout.
- Icons are implemented using by Font Awesome, images from Pexels.
- To run the project locally, clone the repo,
npm installto install the dependencies, andnpm startto start up the development server on default port 3000.
Languages
HTML, CSS, JavaScript, ECMAScript, React
Deployment / Hosting
Netlify
Note: I have developed this project ~ [1] as part of React 18 Tutorial and Projects Course (2023) taught by John Smilga.