Scribd Logo
Upload

Welcome to Scribd!

  • Start Page

    Uploaded by

    zakaria bouchelaghem
    2 views1 page
    This document contains code for a React application. It imports various images and icons to use in the app. It defines an App component that returns JSX defining the application header. The header includes images, text, and links to navigate between routes or open an external page for calculating zakat using react-router and react-icons components.

    Original Description:

    Original Title

    start_page.txt

    Copyright

    © © All Rights Reserved

    Available Formats

    TXT, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    This document contains code for a React application. It imports various images and icons to use in the app. It defines an App component that returns JSX defining the application header. The header includes images, text, and links to navigate between routes or open an external page for calculating zakat using react-router and react-icons components.

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as txt, pdf, or txt
    2 views1 page

    Start Page

    Uploaded by

    zakaria bouchelaghem
    This document contains code for a React application. It imports various images and icons to use in the app. It defines an App component that returns JSX defining the application header. The header includes images, text, and links to navigate between routes or open an external page for calculating zakat using react-router and react-icons components.

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as txt, pdf, or txt
    of 1

    import logo from './logo.

    svg';
    import './App.css';
    import logo1 from './g40.png';
    import bg from './bg.jpg';
    import { FiLogIn } from "react-icons/fi";
    import {BrowserRouter as Router, Link} from 'react-router-dom';

    function App() {
    return (
    <div className="App">
    <header className="App-header">
    <img src={logo1} className="App-logo" alt="logo" />
    <p>
    .‫تطبيق زكاة تطبيق لمساعدتلك على حساب تطبيقك‬
    </p>
    <Router>
    <div>
    {/* 👇️ react router link */}
    <Link to="/calculate">
    <button>Click</button>
    </Link>
    </div>
    <br />
    <br />
    </Router>
    <a
    className="App-link"
    href='/pages/calculate'
    target="_blank"
    rel="noopener noreferrer"
    >
    <FiLogIn />
    </a>

    </header>
    </div>
    );
    }

    export default App;

    You might also like