├── assets ├── images │ ├── car-01.png │ ├── car-02.png │ ├── car-03.png │ ├── car-04.png │ ├── car-05.png │ ├── car-06.png │ ├── sell-car.png │ ├── Vector 158.png │ ├── mini-car-01.png │ ├── mini-car-02.png │ ├── mini-car-03.png │ ├── profile-02.png │ └── white car-03.png └── dummy-data │ ├── navLinks.js │ ├── mileStatics.js │ ├── trackingData.js │ ├── carStatics.js │ ├── recommendCars.js │ └── booking-cars.js └── App.css /assets/images/car-01.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devmuhib/Car-Rantal-Dashboard/HEAD/assets/images/car-01.png -------------------------------------------------------------------------------- /assets/images/car-02.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devmuhib/Car-Rantal-Dashboard/HEAD/assets/images/car-02.png -------------------------------------------------------------------------------- /assets/images/car-03.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devmuhib/Car-Rantal-Dashboard/HEAD/assets/images/car-03.png -------------------------------------------------------------------------------- /assets/images/car-04.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devmuhib/Car-Rantal-Dashboard/HEAD/assets/images/car-04.png -------------------------------------------------------------------------------- /assets/images/car-05.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devmuhib/Car-Rantal-Dashboard/HEAD/assets/images/car-05.png -------------------------------------------------------------------------------- /assets/images/car-06.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devmuhib/Car-Rantal-Dashboard/HEAD/assets/images/car-06.png -------------------------------------------------------------------------------- /assets/images/sell-car.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devmuhib/Car-Rantal-Dashboard/HEAD/assets/images/sell-car.png -------------------------------------------------------------------------------- /assets/images/Vector 158.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devmuhib/Car-Rantal-Dashboard/HEAD/assets/images/Vector 158.png -------------------------------------------------------------------------------- /assets/images/mini-car-01.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devmuhib/Car-Rantal-Dashboard/HEAD/assets/images/mini-car-01.png -------------------------------------------------------------------------------- /assets/images/mini-car-02.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devmuhib/Car-Rantal-Dashboard/HEAD/assets/images/mini-car-02.png -------------------------------------------------------------------------------- /assets/images/mini-car-03.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devmuhib/Car-Rantal-Dashboard/HEAD/assets/images/mini-car-03.png -------------------------------------------------------------------------------- /assets/images/profile-02.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devmuhib/Car-Rantal-Dashboard/HEAD/assets/images/profile-02.png -------------------------------------------------------------------------------- /assets/images/white car-03.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devmuhib/Car-Rantal-Dashboard/HEAD/assets/images/white car-03.png -------------------------------------------------------------------------------- /assets/dummy-data/navLinks.js: -------------------------------------------------------------------------------- 1 | const navLinks = [ 2 | { 3 | path: "/dashboard", 4 | icon: "ri-apps-2-line", 5 | display: "Dashboard", 6 | }, 7 | { 8 | path: "/bookings", 9 | icon: "ri-taxi-line", 10 | display: "Booking", 11 | }, 12 | { 13 | path: "/sell-car", 14 | icon: "ri-shopping-bag-line", 15 | display: "Sell Cars", 16 | }, 17 | { 18 | path: "/settings", 19 | icon: "ri-settings-2-line", 20 | display: "Settings", 21 | }, 22 | ]; 23 | 24 | export default navLinks; 25 | -------------------------------------------------------------------------------- /App.css: -------------------------------------------------------------------------------- 1 | @import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap"); 2 | 3 | :root { 4 | --primary-color: #181b3a; 5 | --secondary-color: #01d293; 6 | --body-bg: #0b0c28; 7 | --card-01-bg: linear-gradient(#ef621c, #e1424e); 8 | --card-02-bg: linear-gradient(#01d293, #56c57a); 9 | --card-03-bg: #725cff; 10 | --card-04-bg: #2884ff; 11 | --heading-color: #fff; 12 | --small-text-color: #808191; 13 | --recommend-car01-bg: #e1dfa4; 14 | --recommend-car02-bg: #e3ecf1; 15 | --recommend-car03-bg: #f4e3e5; 16 | } 17 | -------------------------------------------------------------------------------- /assets/dummy-data/mileStatics.js: -------------------------------------------------------------------------------- 1 | const mileStatics = [ 2 | { 3 | name: "Sat", 4 | mileStats: 6000, 5 | }, 6 | { 7 | name: "Sun", 8 | mileStats: 5000, 9 | }, 10 | { 11 | name: "Mon", 12 | mileStats: 7000, 13 | }, 14 | { 15 | name: "Tue", 16 | mileStats: 5780, 17 | }, 18 | { 19 | name: "Wed", 20 | mileStats: 4890, 21 | }, 22 | { 23 | name: "Thu", 24 | mileStats: 6390, 25 | }, 26 | { 27 | name: "Fri", 28 | mileStats: 5490, 29 | }, 30 | ]; 31 | 32 | export default mileStatics; 33 | -------------------------------------------------------------------------------- /assets/dummy-data/trackingData.js: -------------------------------------------------------------------------------- 1 | const trackingData = [ 2 | { 3 | name: "Sat", 4 | km: 10, 5 | mt: 5, 6 | }, 7 | { 8 | name: "Sun", 9 | km: 8, 10 | mt: 10, 11 | }, 12 | { 13 | name: "Mon", 14 | km: 18, 15 | mt: 15, 16 | }, 17 | { 18 | name: "Tue", 19 | km: 23, 20 | mt: 20, 21 | }, 22 | { 23 | name: "Wed", 24 | km: 21, 25 | mt: 25, 26 | }, 27 | { 28 | name: "Thu", 29 | km: 14, 30 | mt: 30, 31 | }, 32 | { 33 | name: "Fri", 34 | km: 33, 35 | mt: 35, 36 | }, 37 | ]; 38 | 39 | export default trackingData; 40 | -------------------------------------------------------------------------------- /assets/dummy-data/carStatics.js: -------------------------------------------------------------------------------- 1 | const carStaticsData = [ 2 | { 3 | name: "Sat", 4 | week: 4000, 5 | prevWeek: 2400, 6 | }, 7 | { 8 | name: "Sun", 9 | week: 3000, 10 | prevWeek: 1398, 11 | }, 12 | { 13 | name: "Mon", 14 | week: 2000, 15 | prevWeek: 9800, 16 | }, 17 | { 18 | name: "Tue", 19 | week: 2780, 20 | prevWeek: 3908, 21 | }, 22 | { 23 | name: "Wed", 24 | week: 1890, 25 | prevWeek: 4800, 26 | }, 27 | { 28 | name: "Thu", 29 | week: 2390, 30 | prevWeek: 3800, 31 | }, 32 | { 33 | name: "Fri", 34 | week: 3490, 35 | prevWeek: 4300, 36 | }, 37 | ]; 38 | 39 | export default carStaticsData; 40 | -------------------------------------------------------------------------------- /assets/dummy-data/recommendCars.js: -------------------------------------------------------------------------------- 1 | import car1 from "../images/mini-car-01.png"; 2 | import car2 from "../images/mini-car-02.png"; 3 | import car3 from "../images/mini-car-03.png"; 4 | 5 | const recommendCars = [ 6 | { 7 | id: "01", 8 | carName: "Mini Cooper", 9 | rentPrice: 32, 10 | retweet: "132", 11 | imgUrl: car1, 12 | percentage: "74", 13 | }, 14 | { 15 | id: "02", 16 | carName: "Porsche 911 Carrera", 17 | rentPrice: 28, 18 | retweet: "130", 19 | imgUrl: car2, 20 | percentage: "74", 21 | }, 22 | { 23 | id: "03", 24 | carName: "Porsche 911 Carrera", 25 | rentPrice: 28, 26 | retweet: "130", 27 | imgUrl: car3, 28 | percentage: "74", 29 | }, 30 | ]; 31 | 32 | export default recommendCars; 33 | -------------------------------------------------------------------------------- /assets/dummy-data/booking-cars.js: -------------------------------------------------------------------------------- 1 | import car01 from "../images/car-01.png"; 2 | import car02 from "../images/car-02.png"; 3 | import car03 from "../images/car-03.png"; 4 | import car04 from "../images/car-04.png"; 5 | import car05 from "../images/car-05.png"; 6 | import car06 from "../images/car-06.png"; 7 | 8 | const bookingCars = [ 9 | { 10 | id: "01", 11 | carName: "Porshe 718 Cayman S", 12 | category: "Audi", 13 | type: "Manual", 14 | groupSize: 4, 15 | rentPrice: 89, 16 | imgUrl: car01, 17 | }, 18 | { 19 | id: "02", 20 | carName: "Porshe 718 Cayman S", 21 | category: "Toyota", 22 | type: "Manual", 23 | groupSize: 4, 24 | rentPrice: 59, 25 | imgUrl: car02, 26 | }, 27 | { 28 | id: "03", 29 | carName: "Porshe 718 Cayman S", 30 | category: "Bmw", 31 | type: "Manual", 32 | groupSize: 4, 33 | rentPrice: 109, 34 | imgUrl: car03, 35 | }, 36 | { 37 | id: "04", 38 | carName: "Porshe 718 Cayman S", 39 | category: "Coupe", 40 | type: "Manual", 41 | groupSize: 4, 42 | rentPrice: 99, 43 | imgUrl: car04, 44 | }, 45 | { 46 | id: "05", 47 | carName: "Porshe 718 Cayman S", 48 | category: "Bmw", 49 | type: "Manual", 50 | groupSize: 4, 51 | rentPrice: 109, 52 | imgUrl: car05, 53 | }, 54 | { 55 | id: "06", 56 | carName: "Porshe 718 Cayman S", 57 | category: "Toyota", 58 | type: "Manual", 59 | groupSize: 4, 60 | rentPrice: 89, 61 | imgUrl: car06, 62 | }, 63 | { 64 | id: "07", 65 | carName: "Porshe 718 Cayman S", 66 | category: "Audi", 67 | type: "Manual", 68 | groupSize: 4, 69 | rentPrice: 89, 70 | imgUrl: car01, 71 | }, 72 | { 73 | id: "08", 74 | carName: "Porshe 718 Cayman S", 75 | category: "Toyota", 76 | type: "Manual", 77 | groupSize: 4, 78 | rentPrice: 59, 79 | imgUrl: car02, 80 | }, 81 | { 82 | id: "09", 83 | carName: "Porshe 718 Cayman S", 84 | category: "Bmw", 85 | type: "Manual", 86 | groupSize: 4, 87 | rentPrice: 109, 88 | imgUrl: car03, 89 | }, 90 | ]; 91 | 92 | export default bookingCars; 93 | --------------------------------------------------------------------------------