Basic version for landing, search, favourites pages

bengawalk · Dec 4, 2023 · e42f0bb · e42f0bb
1 parent 6f157cb
commit e42f0bb
Show file tree

Hide file tree

Showing 24 changed files with 1,018 additions and 158 deletions.
diff --git a/.gitignore b/.gitignore
@@ -11,6 +11,7 @@ node_modules
 dist
 dist-ssr
 *.local
+.env
 
 # Editor directories and files
 .vscode/*

diff --git a/index.html b/index.html
@@ -4,7 +4,29 @@
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="/vite.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vite + React</title>
+    <title>BLR Public transport app</title>
+
+
+    <link
+            rel="preconnect"
+            crossorigin="anonymous"
+            href="https://fonts.googleapis.com"
+    />
+    <link
+            rel="preconnect"
+            crossorigin="anonymous"
+            href="https://fonts.gstatic.com"
+    />
+    <link
+            crossorigin="anonymous"
+            href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;700&display=swap"
+            rel="stylesheet"
+    />
+
+    <link
+            href="https://api.mapbox.com/mapbox-gl-js/v2.10.0/mapbox-gl.css"
+            rel="stylesheet"
+    />
   </head>
   <body>
     <div id="root"></div>

diff --git a/package.json b/package.json
@@ -4,17 +4,21 @@
   "version": "0.0.0",
   "type": "module",
   "scripts": {
-    "start": "vite",
+    "start": "vite --port 3000",
     "dev": "vite",
     "build": "vite build",
     "lint": "eslint . --ext js,jsx --report-unused-disable-directives --max-warnings 0",
     "preview": "vite preview"
   },
   "dependencies": {
+    "mapbox-gl": "^2.15.0",
     "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+    "react-dom": "^18.2.0",
+    "react-router-dom": "^6.19.0",
+    "sass": "^1.69.5"
   },
   "devDependencies": {
+    "@iconify/react": "^4.1.1",
     "@types/react": "^18.2.37",
     "@types/react-dom": "^18.2.15",
     "@vitejs/plugin-react": "^4.2.0",

diff --git a/src/App.css b/src/App.css
diff --git a/src/App.jsx b/src/App.jsx
diff --git a/src/about/index.jsx b/src/about/index.jsx
@@ -0,0 +1,10 @@
+import React from "react";
+
+
+const AboutPage = () => {
+  return (
+    <div>About page</div>
+  );
+};
+
+export default AboutPage;
diff --git a/src/all-buses/index.jsx b/src/all-buses/index.jsx
@@ -0,0 +1,10 @@
+import React from "react";
+
+
+const AllBusesPage = () => {
+  return (
+    <div>All buses page</div>
+  );
+};
+
+export default AllBusesPage;
diff --git a/src/assets/icon_bus_number.svg b/src/assets/icon_bus_number.svg
diff --git a/src/assets/icon_bus_stop.svg b/src/assets/icon_bus_stop.svg
diff --git a/src/assets/icon_location.svg b/src/assets/icon_location.svg
diff --git a/src/assets/icon_metro_green.svg b/src/assets/icon_metro_green.svg
diff --git a/src/assets/icon_metro_purple.svg b/src/assets/icon_metro_purple.svg
diff --git a/src/assets/react.svg b/src/assets/react.svg
diff --git a/src/favourites/index.jsx b/src/favourites/index.jsx
@@ -0,0 +1,57 @@
+import React from "react";
+import {Icon} from "@iconify/react/dist/iconify.js";
+import SearchResultItem from "../search/search_result_item";
+import {ROUTES, SEARCH_RESULT_TYPES} from "../utils/constants.js";
+import {Link} from "react-router-dom";
+
+const FAVOURITES = [
+  {
+    type: SEARCH_RESULT_TYPES.location,
+    text: "Mayur Paradise",
+    favourite: true,
+  },
+  {
+    type: SEARCH_RESULT_TYPES.bus_stop,
+    text: "Tippasandra Market Bus Stop",
+    favourite: true,
+  },
+  {
+    type: SEARCH_RESULT_TYPES.metro_station_purple,
+    text: "Nadaprabhu Kempegowda Metro Station, Majestic",
+    favourite: true,
+  },
+  {
+    type: SEARCH_RESULT_TYPES.bus_number,
+    text: "314",
+    favourite: true,
+  },
+  {
+    type: SEARCH_RESULT_TYPES.bus_number,
+    text: "333G",
+    favourite: true,
+  },
+];
+
+const FavouritesPage = () => {
+  return (
+    <>
+      <div id="page-header">
+        <Link id="header-back" to={ROUTES.home}>
+          <Icon icon="mdi:arrow-back" color="#FFFFFF" width="24" height="24" />
+        </Link>
+        <p id="header-text" className="center">
+          <span>
+            Favourites
+          </span>
+        </p>
+      </div>
+      <div id="search-results">
+        {
+          FAVOURITES.map(i => <SearchResultItem key={i.text} info={i} />)
+        }
+      </div>
+    </>
+  );
+};
+
+export default FavouritesPage;
diff --git a/src/index.css b/src/index.css
-Original file line number
+Diff line change
@@ Expand Up / @@ -11,6 +11,7 @@ node_modules @@
     dist
     dist-ssr
     *.local
+    .env
     # Editor directories and files
     .vscode/*
@@ Expand Down @@