BackRoad Tours — React Landing Page

A modern, responsive landing page for a tour company, rebuilt in React.
This project demonstrates converting a static HTML/CSS website into a dynamic React application with reusable components and centralized data.

📸 Project Preview

Home Section	About Section	Services Section
Tours Section	Footer Section

✨ Features

• Responsive Design — Optimized for desktop, tablet, and mobile devices
• Dynamic Components — Reusable React components with props
• Centralized Data — All content managed through a single data file
• Modern Patterns — Efficient rendering and React best practices
• Interactive UI — Smooth navigation and dynamic content rendering

💡 Key Learnings

• Converting HTML to JSX syntax

• Creating reusable React components

• Implementing dynamic data rendering with map()

• Managing shared data between components

• Responsive design in React

• Component-based architecture

🧰 Built With

• React 19
• JavaScript (ES6+)
• HTML5 & CSS3
• Font Awesome Icons
• Flexbox & CSS Grid

▶️ Live Demo

View Live on Netlify: https://backroads-app-landingpage-gp.netlify.app/

📦 Getting Started

Prerequisites

• Node.js ≥ 18 (required by modern Testing Library packages)
• npm (comes with Node)

Installation

git clone https://github.com/pro804/Backroads-App.git
cd backroad-tours
npm install

🔧 Scripts

• npm start — Run the development server
• npm run build — Build for production
• npm test — Run tests
• npm run eject — Eject CRA config (irreversible)

📄 License

This project is created for educational purposes as part of a React learning journey.