├── src ├── assets │ └── styles │ │ └── img.jpg ├── react-app-env.d.ts ├── types │ ├── index.d.ts │ ├── Weather.ts │ └── Country.ts ├── index.css ├── App.tsx ├── index.tsx ├── routes.tsx ├── components │ ├── Navbar │ │ ├── Link.tsx │ │ ├── StaticNavbar.tsx │ │ └── index.tsx │ ├── Home │ │ ├── Regions │ │ │ ├── RegionCard.tsx │ │ │ └── index.tsx │ │ ├── About │ │ │ ├── index.tsx │ │ │ └── AboutCard.tsx │ │ ├── Inspirations │ │ │ ├── InspirationFooter.tsx │ │ │ ├── InspirationCard.tsx │ │ │ └── index.tsx │ │ ├── Hero.tsx │ │ ├── Nature.tsx │ │ └── Destinations │ │ │ └── index.tsx │ └── Footer │ │ ├── WeatherCard.tsx │ │ └── index.tsx ├── utils │ ├── weather.ts │ └── country.ts └── pages │ └── index.tsx ├── public ├── robots.txt ├── monument-of-the-martyr.png └── index.html ├── postcss.config.js ├── tailwind.config.js ├── .gitignore ├── tsconfig.json ├── package.json └── README.md /src/assets/styles/img.jpg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /src/react-app-env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | -------------------------------------------------------------------------------- /public/robots.txt: -------------------------------------------------------------------------------- 1 | # https://www.robotstxt.org/robotstxt.html 2 | User-agent: * 3 | Disallow: 4 | -------------------------------------------------------------------------------- /src/types/index.d.ts: -------------------------------------------------------------------------------- 1 | declare module "react-algeria-map"; 2 | declare module "react-animated-bg"; 3 | -------------------------------------------------------------------------------- /postcss.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | plugins: { 3 | tailwindcss: {}, 4 | autoprefixer: {}, 5 | }, 6 | } 7 | -------------------------------------------------------------------------------- /public/monument-of-the-martyr.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ramzykemmoun/discover-algeria-country/HEAD/public/monument-of-the-martyr.png -------------------------------------------------------------------------------- /tailwind.config.js: -------------------------------------------------------------------------------- 1 | /** @type {import('tailwindcss').Config} */ 2 | module.exports = { 3 | content: ["./src/**/*.{js,jsx,ts,tsx}"], 4 | theme: { 5 | extend: {}, 6 | }, 7 | plugins: [], 8 | }; 9 | -------------------------------------------------------------------------------- /src/index.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; 4 | 5 | html { 6 | scroll-behavior: smooth; 7 | } 8 | body { 9 | margin: 0; 10 | padding: 0; 11 | } 12 | 13 | *, 14 | *::after, 15 | *::before { 16 | box-sizing: border-box; 17 | } 18 | -------------------------------------------------------------------------------- /src/App.tsx: -------------------------------------------------------------------------------- 1 | import Footer from "./components/Footer"; 2 | import Navbar from "./components/Navbar"; 3 | import Router from "./routes"; 4 | 5 | function App() { 6 | return ( 7 | <> 8 | 9 | 10 |