Skip to content

pktcodes/backroads-react-project-v2

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

22 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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 Tours on 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 install to install the dependencies, and npm start to 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.