Skip to content

I built this landing page using react and typescript. I utilised the atomic design methodology and structure.

Notifications You must be signed in to change notification settings

Signor1/jadoo-travels

Repository files navigation

Jadoo Travel Agency Landing Page

This project is a landing page for Jadoo Travel Agency built using React, TypeScript, and Vite.

Features

  • Beautiful and modern design
  • Responsive layout for various screen sizes
  • Smooth scrolling navigation
  • Interactive components and animations
  • Information about Jadoo Travel Agency services

Technologies Used

  • React
  • TypeScript
  • Vite
  • HTML5
  • CSS3
  • TailwindCSS
  • JavaScript
  • React Router
  • Other libraries and dependencies (specified in package.json)

Getting Started

Prerequisites

  • Node.js (v14 or higher)
  • npm or Yarn

Installation

  1. Clone the repository:

    git clone https://github.com/your-username/jadoo-travel-agency.git
  2. Navigate to the project directory:

    cd jadoo-travel-agency
  3. Install the dependencies:

    npm install

    or

    yarn install
  4. Start the development server:

    npm run dev

    or

    yarn dev
  5. Open your browser and visit http://localhost:3000 to see the landing page.

Project Structure

The project structure follows a standard React application structure:

  • public: Contains static assets such as images, fonts, and the index.html file.
  • src:
    • components: Reusable components used in the landing page.
    • pages: Top-level pages or views for different sections of the landing page.
    • styles: Stylesheets, SCSS files, or CSS modules for styling components and pages.
    • utils: Utility functions or helper modules.
    • App.tsx: The main entry point of the application.
    • index.tsx: Initializes the React application and renders the root component.

Deployment

To deploy the Jadoo Travel Agency landing page, you can follow the deployment instructions specific to your chosen hosting platform (e.g., Netlify, Vercel, GitHub Pages, etc.). Typically, you need to build the project and configure the hosting platform to serve the generated files.

Credits

This project was developed by SignorDev. It was created as a sample landing page for a travel agency based on the Jadoo brand.

Demo

View Project

Feel free to explore the code, customize it, and use it as a foundation for your own projects. Happy traveling with Jadoo Travel Agency!

About

I built this landing page using react and typescript. I utilised the atomic design methodology and structure.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published