Remade and extended the app using React

14 files changed, 354 insertions, 0 deletions

diff --git a/public/favicon.ico b/public/favicon.ico
index a3ce05c..8bea2fc 100644
--- a/public/favicon.ico
+++ b/public/favicon.ico
diff --git a/public/icons/finish.png b/public/icons/finish.png
new file mode 100644
index 0000000..e303e39
--- /dev/null
+++ b/public/icons/finish.png
diff --git a/public/icons/finish.svg b/public/icons/finish.svg
new file mode 100644
index 0000000..9c12f32
--- /dev/null
+++ b/public/icons/finish.svg
@@ -0,0 +1,133 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>

+<!-- Created with Inkscape (http://www.inkscape.org/) -->

+

+<svg

+   width="210mm"

+   height="297mm"

+   viewBox="0 0 210 297"

+   version="1.1"

+   id="svg794"

+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"

+   sodipodi:docname="finish.svg"

+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"

+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"

+   xmlns:xlink="http://www.w3.org/1999/xlink"

+   xmlns="http://www.w3.org/2000/svg"

+   xmlns:svg="http://www.w3.org/2000/svg">

+  <sodipodi:namedview

+     id="namedview796"

+     pagecolor="#ffffff"

+     bordercolor="#000000"

+     borderopacity="0.25"

+     inkscape:showpageshadow="2"

+     inkscape:pageopacity="0.0"

+     inkscape:pagecheckerboard="0"

+     inkscape:deskcolor="#d1d1d1"

+     inkscape:document-units="mm"

+     showgrid="false"

+     inkscape:zoom="1.4912879"

+     inkscape:cx="158.25248"

+     inkscape:cy="183.73381"

+     inkscape:window-width="1920"

+     inkscape:window-height="1017"

+     inkscape:window-x="1912"

+     inkscape:window-y="-8"

+     inkscape:window-maximized="1"

+     inkscape:current-layer="layer1" />

+  <defs

+     id="defs791">

+    <pattern

+       inkscape:collect="always"

+       xlink:href="#Checkerboard"

+       id="pattern3547"

+       patternTransform="matrix(19.072464,0,0,18.882704,1.6857833,2.2477111)" />

+    <pattern

+       inkscape:collect="always"

+       patternUnits="userSpaceOnUse"

+       width="2"

+       height="2"

+       patternTransform="translate(0,0) scale(10,10)"

+       id="Checkerboard"

+       inkscape:stockid="Checkerboard"

+       inkscape:isstock="true">

+      <rect

+         style="fill:black;stroke:none"

+         x="0"

+         y="0"

+         width="1"

+         height="1"

+         id="rect2441" />

+      <rect

+         style="fill:black;stroke:none"

+         x="1"

+         y="1"

+         width="1"

+         height="1"

+         id="rect2443" />

+    </pattern>

+    <filter

+       style="color-interpolation-filters:sRGB;"

+       inkscape:label="Drop Shadow"

+       id="filter12674"

+       x="-0.11478432"

+       y="-0.11478432"

+       width="1.2500658"

+       height="1.2500658">

+      <feFlood

+         flood-opacity="0.498039"

+         flood-color="rgb(0,0,0)"

+         result="flood"

+         id="feFlood12664" />

+      <feComposite

+         in="flood"

+         in2="SourceGraphic"

+         operator="in"

+         result="composite1"

+         id="feComposite12666" />

+      <feGaussianBlur

+         in="composite1"

+         stdDeviation="3"

+         result="blur"

+         id="feGaussianBlur12668" />

+      <feOffset

+         dx="2"

+         dy="2"

+         result="offset"

+         id="feOffset12670" />

+      <feComposite

+         in="SourceGraphic"

+         in2="offset"

+         operator="over"

+         result="composite2"

+         id="feComposite12672" />

+    </filter>

+  </defs>

+  <g

+     inkscape:label="Layer 1"

+     inkscape:groupmode="layer"

+     id="layer1"

+     inkscape:export-filename="finish.png"

+     inkscape:export-xdpi="5.0799999"

+     inkscape:export-ydpi="5.0799999"

+     transform="matrix(0.94720019,0,0,0.94720019,9.4598319,9.4598319)">

+    <circle

+       style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:8;stroke-dasharray:none;stroke-opacity:1;filter:url(#filter12674)"

+       id="circle10159"

+       cx="50"

+       cy="50"

+       r="48.787151" />

+    <path

+       id="rect3398"

+       style="display:inline;fill:url(#pattern3547);fill-opacity:1;stroke:none;stroke-width:2.486;stroke-opacity:1"

+       d="M 50.000049,1.2128459 A 48.787151,48.787151 0 0 0 1.2128459,50.000049 48.787151,48.787151 0 0 0 50.000049,98.787252 48.787151,48.787151 0 0 0 98.787252,50.000049 48.787151,48.787151 0 0 0 50.000049,1.2128459 Z"

+       inkscape:export-filename=".\rect3398.png"

+       inkscape:export-xdpi="5.0799999"

+       inkscape:export-ydpi="5.0799999" />

+    <circle

+       style="fill:none;fill-opacity:1;stroke:#ffffff;stroke-width:8;stroke-dasharray:none;stroke-opacity:1"

+       id="circle3478"

+       cx="50"

+       cy="50"

+       r="48.787151" />

+  </g>

+</svg>

diff --git a/public/icons/map.png b/public/icons/map.png
new file mode 100644
index 0000000..7ca0164
--- /dev/null
+++ b/public/icons/map.png
diff --git a/public/icons/satellite.png b/public/icons/satellite.png
new file mode 100644
index 0000000..1dd4101
--- /dev/null
+++ b/public/icons/satellite.png
diff --git a/public/icons/start.png b/public/icons/start.png
new file mode 100644
index 0000000..da2362f
--- /dev/null
+++ b/public/icons/start.png
diff --git a/public/icons/start.svg b/public/icons/start.svg
new file mode 100644
index 0000000..940cdb0
--- /dev/null
+++ b/public/icons/start.svg
@@ -0,0 +1,90 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>

+<!-- Created with Inkscape (http://www.inkscape.org/) -->

+

+<svg

+   width="210mm"

+   height="297mm"

+   viewBox="0 0 210 297"

+   version="1.1"

+   id="svg794"

+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"

+   sodipodi:docname="start.svg"

+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"

+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"

+   xmlns="http://www.w3.org/2000/svg"

+   xmlns:svg="http://www.w3.org/2000/svg">

+  <sodipodi:namedview

+     id="namedview796"

+     pagecolor="#ffffff"

+     bordercolor="#000000"

+     borderopacity="0.25"

+     inkscape:showpageshadow="2"

+     inkscape:pageopacity="0.0"

+     inkscape:pagecheckerboard="0"

+     inkscape:deskcolor="#d1d1d1"

+     inkscape:document-units="mm"

+     showgrid="false"

+     inkscape:zoom="1.4912879"

+     inkscape:cx="158.25248"

+     inkscape:cy="183.73381"

+     inkscape:window-width="1920"

+     inkscape:window-height="1017"

+     inkscape:window-x="1912"

+     inkscape:window-y="-8"

+     inkscape:window-maximized="1"

+     inkscape:current-layer="layer1" />

+  <defs

+     id="defs791">

+    <filter

+       style="color-interpolation-filters:sRGB;"

+       inkscape:label="Drop Shadow"

+       id="filter12674"

+       x="-0.11478432"

+       y="-0.11478432"

+       width="1.2500658"

+       height="1.2500658">

+      <feFlood

+         flood-opacity="0.498039"

+         flood-color="rgb(0,0,0)"

+         result="flood"

+         id="feFlood12664" />

+      <feComposite

+         in="flood"

+         in2="SourceGraphic"

+         operator="in"

+         result="composite1"

+         id="feComposite12666" />

+      <feGaussianBlur

+         in="composite1"

+         stdDeviation="3"

+         result="blur"

+         id="feGaussianBlur12668" />

+      <feOffset

+         dx="2"

+         dy="2"

+         result="offset"

+         id="feOffset12670" />

+      <feComposite

+         in="SourceGraphic"

+         in2="offset"

+         operator="over"

+         result="composite2"

+         id="feComposite12672" />

+    </filter>

+  </defs>

+  <g

+     inkscape:label="Layer 1"

+     inkscape:groupmode="layer"

+     id="layer1"

+     inkscape:export-filename="start.png"

+     inkscape:export-xdpi="5.0799999"

+     inkscape:export-ydpi="5.0799999"

+     transform="matrix(0.94720019,0,0,0.94720019,9.4598319,9.4598319)">

+    <circle

+       style="fill:#51c946;fill-opacity:1;stroke:#ffffff;stroke-width:8;stroke-dasharray:none;stroke-opacity:1;filter:url(#filter12674)"

+       id="circle10159"

+       cx="50"

+       cy="50"

+       r="48.787151" />

+  </g>

+</svg>

diff --git a/public/icons/thumb-placeholder.png b/public/icons/thumb-placeholder.png
new file mode 100644
index 0000000..b6a602e
--- /dev/null
+++ b/public/icons/thumb-placeholder.png
diff --git a/public/index.html b/public/index.html
new file mode 100644
index 0000000..bb20568
--- /dev/null
+++ b/public/index.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>

+<html lang="en">

+  <head>

+    <meta charset="utf-8" />

+    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />

+    <meta name="viewport" content="width=device-width, initial-scale=1" />

+    <meta name="theme-color" content="#000000" />

+    <meta

+      name="description"

+      content="Web site created using create-react-app"

+    />

+    <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />

+    <!--

+      manifest.json provides metadata used when your web app is installed on a

+      user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/

+    -->

+    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />

+    <!--

+      Notice the use of %PUBLIC_URL% in the tags above.

+      It will be replaced with the URL of the `public` folder during the build.

+      Only files inside the `public` folder can be referenced from the HTML.

+

+      Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will

+      work correctly both with client-side routing and a non-root public URL.

+      Learn how to configure a non-root public URL by running `npm run build`.

+    -->

+    <title>Trip Share</title>

+  </head>

+  <body>

+    <noscript>You need to enable JavaScript to run this app.</noscript>

+    <div id="root"></div>

+    <!--

+      This HTML file is a template.

+      If you open it directly in the browser, you will see an empty page.

+

+      You can add webfonts, meta tags, or analytics to this file.

+      The build step will place the bundled scripts into the <body> tag.

+

+      To begin the development, run `npm start` or `yarn start`.

+      To create a production bundle, use `npm run build` or `yarn build`.

+    -->

+  </body>

+</html>

diff --git a/public/logo.svg b/public/logo.svg
new file mode 100644
index 0000000..f607409
--- /dev/null
+++ b/public/logo.svg
@@ -0,0 +1,60 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>

+<!-- Created with Inkscape (http://www.inkscape.org/) -->

+

+<svg

+   width="150mm"

+   height="150mm"

+   viewBox="0 0 150 150"

+   version="1.1"

+   id="svg5"

+   xml:space="preserve"

+   inkscape:export-filename="logo192.png"

+   inkscape:export-xdpi="32.512001"

+   inkscape:export-ydpi="32.512001"

+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"

+   sodipodi:docname="logo.svg"

+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"

+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"

+   xmlns="http://www.w3.org/2000/svg"

+   xmlns:svg="http://www.w3.org/2000/svg"><sodipodi:namedview

+     id="namedview7"

+     pagecolor="#ffffff"

+     bordercolor="#000000"

+     borderopacity="0"

+     inkscape:showpageshadow="2"

+     inkscape:pageopacity="0.0"

+     inkscape:pagecheckerboard="0"

+     inkscape:deskcolor="#ffffff"

+     inkscape:document-units="mm"

+     showgrid="false"

+     inkscape:zoom="0.44631734"

+     inkscape:cx="304.71592"

+     inkscape:cy="613.91296"

+     inkscape:window-width="2560"

+     inkscape:window-height="1377"

+     inkscape:window-x="1912"

+     inkscape:window-y="-8"

+     inkscape:window-maximized="1"

+     inkscape:current-layer="layer1" /><defs

+     id="defs2" /><g

+     inkscape:label="Layer 1"

+     inkscape:groupmode="layer"

+     id="layer1"

+     transform="translate(-3,-3)"><rect

+       style="fill:#26a071;fill-opacity:1;stroke:none;stroke-width:2.39038;stroke-dasharray:none;stroke-opacity:0"

+       id="rect3167"

+       width="150"

+       height="150"

+       x="3"

+       y="3"

+       rx="25"

+       ry="25" /><path

+       d="M 16,131 V 107.77018 L 60.776121,47.273293 52.318441,35.968947 59.283582,31 66.000047,40.192553 72.840804,31 79.681562,35.968947 71.348267,47.273293 116,107.77018 V 131 Z M 66.000047,54.478265 24.45768,110.62734 v 11.92545 H 41.497521 L 66.000047,88.267082 90.502482,122.55279 H 107.54232 V 110.62734 Z M 51.945282,122.55279 H 80.054719 L 66.000047,102.80126 Z M 66.000047,88.267082 90.502482,122.55279 66.000047,88.267082 41.497521,122.55279 Z"

+       id="path217"

+       style="display:none;fill:#ffffff;stroke:none;stroke-width:2.486;stroke-dasharray:none;stroke-opacity:0" /><path

+       d="m 131.15961,85 q -3.68349,0 -6.26194,-2.623161 -2.57843,-2.623141 -2.57843,-6.243831 0,-0.517266 0.11048,-1.256157 0.11047,-0.738911 0.3315,-1.330052 L 101.10231,60.911337 q -1.105053,1.330042 -2.799458,2.142858 -1.694404,0.812816 -3.462472,0.812816 -3.683493,0 -6.261936,-2.586219 Q 86,58.694584 86,54.999999 q 0,-3.694577 2.578444,-6.280785 2.578443,-2.58621 6.261936,-2.58621 1.768068,0 3.388809,0.70197 1.620732,0.701968 2.873121,2.03202 L 122.76122,36.37931 q -0.22102,-0.51724 -0.3315,-1.219212 -0.11048,-0.70197 -0.11048,-1.293104 0,-3.694581 2.57843,-6.280787 Q 127.47612,25 131.15961,25 q 3.68349,0 6.26194,2.586207 2.57843,2.586206 2.57843,6.280787 0,3.694581 -2.57843,6.280788 -2.57845,2.586208 -6.26194,2.586208 -1.76808,0 -3.42564,-0.591134 -1.65757,-0.591132 -2.76262,-1.84729 l -21.65891,11.970443 q 0.14734,0.591132 0.25783,1.403948 0.11049,0.812806 0.11049,1.330042 0,0.517245 -0.11049,1.108376 -0.11049,0.591131 -0.25783,1.256167 l 21.65891,12.266007 q 1.10506,-1.034472 2.65211,-1.699508 1.54707,-0.665026 3.53615,-0.665026 3.68349,0 6.26194,2.586199 Q 140,72.438433 140,76.133008 q 0,3.694575 -2.57845,6.280783 Q 134.8431,85 131.15963,85 Z m 0,-47.142857 q 1.69442,0 2.83628,-1.145321 1.14188,-1.14532 1.14188,-2.844828 0,-1.699507 -1.14188,-2.844827 -1.14186,-1.14532 -2.83628,-1.14532 -1.69439,0 -2.83627,1.14532 -1.14189,1.14532 -1.14189,2.844827 0,1.699508 1.14189,2.844828 1.14188,1.145321 2.83627,1.145321 z M 94.840409,58.990154 q 1.694415,0 2.836295,-1.145329 1.141881,-1.145319 1.141881,-2.844826 0,-1.699508 -1.141881,-2.844828 -1.14188,-1.145319 -2.836295,-1.145319 -1.694394,0 -2.836285,1.145319 -1.14188,1.14532 -1.14188,2.844828 0,1.699507 1.14188,2.844826 1.141891,1.145329 2.836285,1.145329 z m 36.319201,21.132999 q 1.69442,0 2.83628,-1.145329 1.14188,-1.145319 1.14188,-2.844816 0,-1.699508 -1.14188,-2.844817 -1.14186,-1.145319 -2.83628,-1.145319 -1.69439,0 -2.83627,1.145319 -1.14189,1.145309 -1.14189,2.844817 0,1.699497 1.14189,2.844816 1.14188,1.145329 2.83627,1.145329 z m 0,-46.256159 z M 94.840409,54.999999 Z m 36.319201,21.133009 z"

+       id="path234"

+       style="display:inline;fill:#ffffff;fill-opacity:1;stroke-width:1.47561" /><path

+       d="M 16,131 V 108.41936 L 62.315807,44.575271 55.07891,34.629027 59.947337,31 65.99995,39.467737 72.18425,31 76.92109,34.629027 69.81578,44.575271 116,108.41936 V 131 Z M 65.99995,49.682794 21.921026,110.43548 v 14.51613 H 40.868388 L 65.99995,88.930106 91.263099,124.95161 H 110.07898 V 110.43548 Z M 48.236873,124.95161 H 83.763129 L 65.99995,99.413976 Z M 65.99995,88.930106 91.263099,124.95161 65.99995,88.930106 40.868388,124.95161 Z"

+       id="path3106"

+       style="fill:#ffffff;fill-opacity:1;stroke-width:2.65972" /></g></svg>

diff --git a/public/logo192.png b/public/logo192.png
new file mode 100644
index 0000000..42d4b62
--- /dev/null
+++ b/public/logo192.png
diff --git a/public/logo512.png b/public/logo512.png
new file mode 100644
index 0000000..e17331d
--- /dev/null
+++ b/public/logo512.png
diff --git a/public/manifest.json b/public/manifest.json
new file mode 100644
index 0000000..23359e2
--- /dev/null
+++ b/public/manifest.json
@@ -0,0 +1,25 @@
+{

+  "short_name": "Trip Share",

+  "name": "Trip Share",

+  "icons": [

+    {

+      "src": "favicon.ico",

+      "sizes": "64x64 32x32 24x24 16x16",

+      "type": "image/x-icon"

+    },

+    {

+      "src": "logo192.png",

+      "type": "image/png",

+      "sizes": "192x192"

+    },

+    {

+      "src": "logo512.png",

+      "type": "image/png",

+      "sizes": "512x512"

+    }

+  ],

+  "start_url": ".",

+  "display": "standalone",

+  "theme_color": "#000000",

+  "background_color": "#ffffff"

+}

diff --git a/public/robots.txt b/public/robots.txt
new file mode 100644
index 0000000..9dd52a5
--- /dev/null
+++ b/public/robots.txt
@@ -0,0 +1,3 @@
+# https://www.robotstxt.org/robotstxt.html

+User-agent: *

+Disallow: