/whiteskinleather

Primary LanguageTypeScript

WhiteSkinLeather Landing Page

This project is a landing page for White Skin Leather 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 White Skin Leather 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/muhammad-ahmed02/whiteskinleather.git

  2. Navigate to the project directory:

    cd whiteskinleather

  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.

Credits

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

Now this project is developed by muhammad-ahmed02. It is a client business website named as White Skin Leather.