added back folder structure and added a guitar logo on login. changed…

… some stylings to make guitar look ok on login.
Jbanks123 · Feb 8, 2024 · a53ca46 · a53ca46
1 parent f78b649
commit a53ca46
Show file tree

Hide file tree

Showing 154 changed files with 60 additions and 50 deletions.
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,2 @@
+node_modules
+.DS_Store
diff --git a/components/Header.jsx b/components/Header.jsx
diff --git a/index.html b/index.html
@@ -1,8 +1,10 @@
 <!DOCTYPE html>
 <html lang="en">
-  <head> </head>
+  <head>
+    <link rel="stylesheet" href="./src/frontend/App.css" />
+  </head>
   <body>
     <div id="root"></div>
-    <script type="module" src="/src/frontend/main.jsx"></script>
+    <script type="module" src="./src/frontend/main.jsx"></script>
   </body>
 </html>
diff --git a/App.css → src/frontend/App.css b/App.css → src/frontend/App.css
@@ -4,3 +4,9 @@
   padding: 2rem;
   text-align: center;
 }
+
+.login-logo {
+  height: 100%;
+  width: 70%;
+  object-fit: cover;
+}
diff --git a/App.jsx → src/frontend/App.jsx b/App.jsx → src/frontend/App.jsx
@@ -13,9 +13,9 @@ function App() {
       <div>
         <BrowserRouter>
           <Routes>
-            <Route path='/' element={<LoginPage />} />
-            <Route path='/signup' element={<SignupPage />} />
-            <Route path='/home' element={<HomePage />} />
+            <Route path="/" element={<LoginPage />} />
+            <Route path="/signup" element={<SignupPage />} />
+            <Route path="/home" element={<HomePage />} />
           </Routes>
         </BrowserRouter>
       </div>

diff --git a/A-sounds/0.mp3 → src/frontend/assets/A-sounds/0.mp3 b/A-sounds/0.mp3 → src/frontend/assets/A-sounds/0.mp3
diff --git a/A-sounds/1.mp3 → src/frontend/assets/A-sounds/1.mp3 b/A-sounds/1.mp3 → src/frontend/assets/A-sounds/1.mp3
diff --git a/A-sounds/10.mp3 → src/frontend/assets/A-sounds/10.mp3 b/A-sounds/10.mp3 → src/frontend/assets/A-sounds/10.mp3
diff --git a/A-sounds/11.mp3 → src/frontend/assets/A-sounds/11.mp3 b/A-sounds/11.mp3 → src/frontend/assets/A-sounds/11.mp3
diff --git a/A-sounds/12.mp3 → src/frontend/assets/A-sounds/12.mp3 b/A-sounds/12.mp3 → src/frontend/assets/A-sounds/12.mp3
diff --git a/A-sounds/13.mp3 → src/frontend/assets/A-sounds/13.mp3 b/A-sounds/13.mp3 → src/frontend/assets/A-sounds/13.mp3
diff --git a/A-sounds/14.mp3 → src/frontend/assets/A-sounds/14.mp3 b/A-sounds/14.mp3 → src/frontend/assets/A-sounds/14.mp3
diff --git a/A-sounds/15.mp3 → src/frontend/assets/A-sounds/15.mp3 b/A-sounds/15.mp3 → src/frontend/assets/A-sounds/15.mp3
diff --git a/A-sounds/16.mp3 → src/frontend/assets/A-sounds/16.mp3 b/A-sounds/16.mp3 → src/frontend/assets/A-sounds/16.mp3
diff --git a/A-sounds/17.mp3 → src/frontend/assets/A-sounds/17.mp3 b/A-sounds/17.mp3 → src/frontend/assets/A-sounds/17.mp3
diff --git a/A-sounds/18.mp3 → src/frontend/assets/A-sounds/18.mp3 b/A-sounds/18.mp3 → src/frontend/assets/A-sounds/18.mp3
diff --git a/A-sounds/19.mp3 → src/frontend/assets/A-sounds/19.mp3 b/A-sounds/19.mp3 → src/frontend/assets/A-sounds/19.mp3
diff --git a/A-sounds/2.mp3 → src/frontend/assets/A-sounds/2.mp3 b/A-sounds/2.mp3 → src/frontend/assets/A-sounds/2.mp3
diff --git a/A-sounds/3.mp3 → src/frontend/assets/A-sounds/3.mp3 b/A-sounds/3.mp3 → src/frontend/assets/A-sounds/3.mp3
diff --git a/A-sounds/4.mp3 → src/frontend/assets/A-sounds/4.mp3 b/A-sounds/4.mp3 → src/frontend/assets/A-sounds/4.mp3
diff --git a/A-sounds/5.mp3 → src/frontend/assets/A-sounds/5.mp3 b/A-sounds/5.mp3 → src/frontend/assets/A-sounds/5.mp3
diff --git a/A-sounds/6.mp3 → src/frontend/assets/A-sounds/6.mp3 b/A-sounds/6.mp3 → src/frontend/assets/A-sounds/6.mp3
diff --git a/A-sounds/7.mp3 → src/frontend/assets/A-sounds/7.mp3 b/A-sounds/7.mp3 → src/frontend/assets/A-sounds/7.mp3
diff --git a/A-sounds/8.mp3 → src/frontend/assets/A-sounds/8.mp3 b/A-sounds/8.mp3 → src/frontend/assets/A-sounds/8.mp3
diff --git a/A-sounds/9.mp3 → src/frontend/assets/A-sounds/9.mp3 b/A-sounds/9.mp3 → src/frontend/assets/A-sounds/9.mp3
diff --git a/B-sounds/0.mp3 → src/frontend/assets/B-sounds/0.mp3 b/B-sounds/0.mp3 → src/frontend/assets/B-sounds/0.mp3
diff --git a/B-sounds/1.mp3 → src/frontend/assets/B-sounds/1.mp3 b/B-sounds/1.mp3 → src/frontend/assets/B-sounds/1.mp3
diff --git a/B-sounds/10.mp3 → src/frontend/assets/B-sounds/10.mp3 b/B-sounds/10.mp3 → src/frontend/assets/B-sounds/10.mp3
diff --git a/B-sounds/11.mp3 → src/frontend/assets/B-sounds/11.mp3 b/B-sounds/11.mp3 → src/frontend/assets/B-sounds/11.mp3
diff --git a/B-sounds/12.mp3 → src/frontend/assets/B-sounds/12.mp3 b/B-sounds/12.mp3 → src/frontend/assets/B-sounds/12.mp3
diff --git a/B-sounds/13.mp3 → src/frontend/assets/B-sounds/13.mp3 b/B-sounds/13.mp3 → src/frontend/assets/B-sounds/13.mp3
diff --git a/B-sounds/14.mp3 → src/frontend/assets/B-sounds/14.mp3 b/B-sounds/14.mp3 → src/frontend/assets/B-sounds/14.mp3
diff --git a/B-sounds/15.mp3 → src/frontend/assets/B-sounds/15.mp3 b/B-sounds/15.mp3 → src/frontend/assets/B-sounds/15.mp3
diff --git a/B-sounds/16.mp3 → src/frontend/assets/B-sounds/16.mp3 b/B-sounds/16.mp3 → src/frontend/assets/B-sounds/16.mp3
diff --git a/B-sounds/17.mp3 → src/frontend/assets/B-sounds/17.mp3 b/B-sounds/17.mp3 → src/frontend/assets/B-sounds/17.mp3
diff --git a/B-sounds/18.mp3 → src/frontend/assets/B-sounds/18.mp3 b/B-sounds/18.mp3 → src/frontend/assets/B-sounds/18.mp3
diff --git a/B-sounds/19.mp3 → src/frontend/assets/B-sounds/19.mp3 b/B-sounds/19.mp3 → src/frontend/assets/B-sounds/19.mp3
diff --git a/B-sounds/2.mp3 → src/frontend/assets/B-sounds/2.mp3 b/B-sounds/2.mp3 → src/frontend/assets/B-sounds/2.mp3
diff --git a/B-sounds/3.mp3 → src/frontend/assets/B-sounds/3.mp3 b/B-sounds/3.mp3 → src/frontend/assets/B-sounds/3.mp3
diff --git a/B-sounds/4.mp3 → src/frontend/assets/B-sounds/4.mp3 b/B-sounds/4.mp3 → src/frontend/assets/B-sounds/4.mp3
diff --git a/B-sounds/5.mp3 → src/frontend/assets/B-sounds/5.mp3 b/B-sounds/5.mp3 → src/frontend/assets/B-sounds/5.mp3
diff --git a/B-sounds/6.mp3 → src/frontend/assets/B-sounds/6.mp3 b/B-sounds/6.mp3 → src/frontend/assets/B-sounds/6.mp3
diff --git a/B-sounds/7.mp3 → src/frontend/assets/B-sounds/7.mp3 b/B-sounds/7.mp3 → src/frontend/assets/B-sounds/7.mp3
diff --git a/B-sounds/8.mp3 → src/frontend/assets/B-sounds/8.mp3 b/B-sounds/8.mp3 → src/frontend/assets/B-sounds/8.mp3
diff --git a/B-sounds/9.mp3 → src/frontend/assets/B-sounds/9.mp3 b/B-sounds/9.mp3 → src/frontend/assets/B-sounds/9.mp3
diff --git a/D-sounds/0.mp3 → src/frontend/assets/D-sounds/0.mp3 b/D-sounds/0.mp3 → src/frontend/assets/D-sounds/0.mp3
diff --git a/D-sounds/1.mp3 → src/frontend/assets/D-sounds/1.mp3 b/D-sounds/1.mp3 → src/frontend/assets/D-sounds/1.mp3
diff --git a/D-sounds/10.mp3 → src/frontend/assets/D-sounds/10.mp3 b/D-sounds/10.mp3 → src/frontend/assets/D-sounds/10.mp3
diff --git a/D-sounds/11.mp3 → src/frontend/assets/D-sounds/11.mp3 b/D-sounds/11.mp3 → src/frontend/assets/D-sounds/11.mp3
diff --git a/D-sounds/12.mp3 → src/frontend/assets/D-sounds/12.mp3 b/D-sounds/12.mp3 → src/frontend/assets/D-sounds/12.mp3
diff --git a/D-sounds/13.mp3 → src/frontend/assets/D-sounds/13.mp3 b/D-sounds/13.mp3 → src/frontend/assets/D-sounds/13.mp3
diff --git a/D-sounds/14.mp3 → src/frontend/assets/D-sounds/14.mp3 b/D-sounds/14.mp3 → src/frontend/assets/D-sounds/14.mp3
diff --git a/D-sounds/15.mp3 → src/frontend/assets/D-sounds/15.mp3 b/D-sounds/15.mp3 → src/frontend/assets/D-sounds/15.mp3
diff --git a/D-sounds/16.mp3 → src/frontend/assets/D-sounds/16.mp3 b/D-sounds/16.mp3 → src/frontend/assets/D-sounds/16.mp3
diff --git a/D-sounds/17.mp3 → src/frontend/assets/D-sounds/17.mp3 b/D-sounds/17.mp3 → src/frontend/assets/D-sounds/17.mp3
diff --git a/D-sounds/18.mp3 → src/frontend/assets/D-sounds/18.mp3 b/D-sounds/18.mp3 → src/frontend/assets/D-sounds/18.mp3
diff --git a/D-sounds/2.mp3 → src/frontend/assets/D-sounds/2.mp3 b/D-sounds/2.mp3 → src/frontend/assets/D-sounds/2.mp3
diff --git a/D-sounds/3.mp3 → src/frontend/assets/D-sounds/3.mp3 b/D-sounds/3.mp3 → src/frontend/assets/D-sounds/3.mp3
diff --git a/D-sounds/4.mp3 → src/frontend/assets/D-sounds/4.mp3 b/D-sounds/4.mp3 → src/frontend/assets/D-sounds/4.mp3
diff --git a/D-sounds/5.mp3 → src/frontend/assets/D-sounds/5.mp3 b/D-sounds/5.mp3 → src/frontend/assets/D-sounds/5.mp3
diff --git a/D-sounds/6.mp3 → src/frontend/assets/D-sounds/6.mp3 b/D-sounds/6.mp3 → src/frontend/assets/D-sounds/6.mp3
diff --git a/D-sounds/7.mp3 → src/frontend/assets/D-sounds/7.mp3 b/D-sounds/7.mp3 → src/frontend/assets/D-sounds/7.mp3
diff --git a/D-sounds/8.mp3 → src/frontend/assets/D-sounds/8.mp3 b/D-sounds/8.mp3 → src/frontend/assets/D-sounds/8.mp3
diff --git a/D-sounds/9.mp3 → src/frontend/assets/D-sounds/9.mp3 b/D-sounds/9.mp3 → src/frontend/assets/D-sounds/9.mp3
diff --git a/G-sounds/0.mp3 → src/frontend/assets/G-sounds/0.mp3 b/G-sounds/0.mp3 → src/frontend/assets/G-sounds/0.mp3
diff --git a/G-sounds/1.mp3 → src/frontend/assets/G-sounds/1.mp3 b/G-sounds/1.mp3 → src/frontend/assets/G-sounds/1.mp3
diff --git a/G-sounds/10.mp3 → src/frontend/assets/G-sounds/10.mp3 b/G-sounds/10.mp3 → src/frontend/assets/G-sounds/10.mp3
diff --git a/G-sounds/11.mp3 → src/frontend/assets/G-sounds/11.mp3 b/G-sounds/11.mp3 → src/frontend/assets/G-sounds/11.mp3
diff --git a/G-sounds/12.mp3 → src/frontend/assets/G-sounds/12.mp3 b/G-sounds/12.mp3 → src/frontend/assets/G-sounds/12.mp3
diff --git a/G-sounds/13.mp3 → src/frontend/assets/G-sounds/13.mp3 b/G-sounds/13.mp3 → src/frontend/assets/G-sounds/13.mp3
diff --git a/G-sounds/14.mp3 → src/frontend/assets/G-sounds/14.mp3 b/G-sounds/14.mp3 → src/frontend/assets/G-sounds/14.mp3
diff --git a/G-sounds/15.mp3 → src/frontend/assets/G-sounds/15.mp3 b/G-sounds/15.mp3 → src/frontend/assets/G-sounds/15.mp3
diff --git a/G-sounds/16.mp3 → src/frontend/assets/G-sounds/16.mp3 b/G-sounds/16.mp3 → src/frontend/assets/G-sounds/16.mp3
diff --git a/G-sounds/17.mp3 → src/frontend/assets/G-sounds/17.mp3 b/G-sounds/17.mp3 → src/frontend/assets/G-sounds/17.mp3
diff --git a/G-sounds/18.mp3 → src/frontend/assets/G-sounds/18.mp3 b/G-sounds/18.mp3 → src/frontend/assets/G-sounds/18.mp3
diff --git a/G-sounds/2.mp3 → src/frontend/assets/G-sounds/2.mp3 b/G-sounds/2.mp3 → src/frontend/assets/G-sounds/2.mp3
diff --git a/G-sounds/3.mp3 → src/frontend/assets/G-sounds/3.mp3 b/G-sounds/3.mp3 → src/frontend/assets/G-sounds/3.mp3
diff --git a/G-sounds/4.mp3 → src/frontend/assets/G-sounds/4.mp3 b/G-sounds/4.mp3 → src/frontend/assets/G-sounds/4.mp3
diff --git a/G-sounds/5.mp3 → src/frontend/assets/G-sounds/5.mp3 b/G-sounds/5.mp3 → src/frontend/assets/G-sounds/5.mp3
diff --git a/G-sounds/6.mp3 → src/frontend/assets/G-sounds/6.mp3 b/G-sounds/6.mp3 → src/frontend/assets/G-sounds/6.mp3
diff --git a/G-sounds/7.mp3 → src/frontend/assets/G-sounds/7.mp3 b/G-sounds/7.mp3 → src/frontend/assets/G-sounds/7.mp3
diff --git a/G-sounds/8.mp3 → src/frontend/assets/G-sounds/8.mp3 b/G-sounds/8.mp3 → src/frontend/assets/G-sounds/8.mp3
diff --git a/G-sounds/9.mp3 → src/frontend/assets/G-sounds/9.mp3 b/G-sounds/9.mp3 → src/frontend/assets/G-sounds/9.mp3
diff --git a/highE-sounds/0.mp3 → src/frontend/assets/highE-sounds/0.mp3 b/highE-sounds/0.mp3 → src/frontend/assets/highE-sounds/0.mp3
diff --git a/highE-sounds/1.mp3 → src/frontend/assets/highE-sounds/1.mp3 b/highE-sounds/1.mp3 → src/frontend/assets/highE-sounds/1.mp3
diff --git a/highE-sounds/10.mp3 → src/frontend/assets/highE-sounds/10.mp3 b/highE-sounds/10.mp3 → src/frontend/assets/highE-sounds/10.mp3
diff --git a/highE-sounds/11.mp3 → src/frontend/assets/highE-sounds/11.mp3 b/highE-sounds/11.mp3 → src/frontend/assets/highE-sounds/11.mp3
diff --git a/highE-sounds/12.mp3 → src/frontend/assets/highE-sounds/12.mp3 b/highE-sounds/12.mp3 → src/frontend/assets/highE-sounds/12.mp3
diff --git a/highE-sounds/13.mp3 → src/frontend/assets/highE-sounds/13.mp3 b/highE-sounds/13.mp3 → src/frontend/assets/highE-sounds/13.mp3
diff --git a/highE-sounds/14.mp3 → src/frontend/assets/highE-sounds/14.mp3 b/highE-sounds/14.mp3 → src/frontend/assets/highE-sounds/14.mp3
diff --git a/highE-sounds/15.mp3 → src/frontend/assets/highE-sounds/15.mp3 b/highE-sounds/15.mp3 → src/frontend/assets/highE-sounds/15.mp3
diff --git a/highE-sounds/16.mp3 → src/frontend/assets/highE-sounds/16.mp3 b/highE-sounds/16.mp3 → src/frontend/assets/highE-sounds/16.mp3
diff --git a/highE-sounds/17.mp3 → src/frontend/assets/highE-sounds/17.mp3 b/highE-sounds/17.mp3 → src/frontend/assets/highE-sounds/17.mp3
diff --git a/highE-sounds/18.mp3 → src/frontend/assets/highE-sounds/18.mp3 b/highE-sounds/18.mp3 → src/frontend/assets/highE-sounds/18.mp3
diff --git a/highE-sounds/2.mp3 → src/frontend/assets/highE-sounds/2.mp3 b/highE-sounds/2.mp3 → src/frontend/assets/highE-sounds/2.mp3
diff --git a/highE-sounds/3.mp3 → src/frontend/assets/highE-sounds/3.mp3 b/highE-sounds/3.mp3 → src/frontend/assets/highE-sounds/3.mp3
diff --git a/highE-sounds/4.mp3 → src/frontend/assets/highE-sounds/4.mp3 b/highE-sounds/4.mp3 → src/frontend/assets/highE-sounds/4.mp3
diff --git a/highE-sounds/5.mp3 → src/frontend/assets/highE-sounds/5.mp3 b/highE-sounds/5.mp3 → src/frontend/assets/highE-sounds/5.mp3
diff --git a/highE-sounds/6.mp3 → src/frontend/assets/highE-sounds/6.mp3 b/highE-sounds/6.mp3 → src/frontend/assets/highE-sounds/6.mp3
diff --git a/highE-sounds/7.mp3 → src/frontend/assets/highE-sounds/7.mp3 b/highE-sounds/7.mp3 → src/frontend/assets/highE-sounds/7.mp3
diff --git a/highE-sounds/8.mp3 → src/frontend/assets/highE-sounds/8.mp3 b/highE-sounds/8.mp3 → src/frontend/assets/highE-sounds/8.mp3
diff --git a/highE-sounds/9.mp3 → src/frontend/assets/highE-sounds/9.mp3 b/highE-sounds/9.mp3 → src/frontend/assets/highE-sounds/9.mp3
diff --git a/src/frontend/assets/images/acoustic-guitar-logo.jpeg b/src/frontend/assets/images/acoustic-guitar-logo.jpeg
diff --git a/Images/blankTab.png → src/frontend/assets/images/blankTab.png b/Images/blankTab.png → src/frontend/assets/images/blankTab.png
diff --git a/lowE-sounds/0.mp3 → src/frontend/assets/lowE-sounds/0.mp3 b/lowE-sounds/0.mp3 → src/frontend/assets/lowE-sounds/0.mp3
diff --git a/lowE-sounds/1.mp3 → src/frontend/assets/lowE-sounds/1.mp3 b/lowE-sounds/1.mp3 → src/frontend/assets/lowE-sounds/1.mp3
diff --git a/lowE-sounds/10.mp3 → src/frontend/assets/lowE-sounds/10.mp3 b/lowE-sounds/10.mp3 → src/frontend/assets/lowE-sounds/10.mp3
diff --git a/lowE-sounds/11.mp3 → src/frontend/assets/lowE-sounds/11.mp3 b/lowE-sounds/11.mp3 → src/frontend/assets/lowE-sounds/11.mp3
diff --git a/lowE-sounds/12.mp3 → src/frontend/assets/lowE-sounds/12.mp3 b/lowE-sounds/12.mp3 → src/frontend/assets/lowE-sounds/12.mp3
diff --git a/lowE-sounds/13.mp3 → src/frontend/assets/lowE-sounds/13.mp3 b/lowE-sounds/13.mp3 → src/frontend/assets/lowE-sounds/13.mp3
diff --git a/lowE-sounds/14.mp3 → src/frontend/assets/lowE-sounds/14.mp3 b/lowE-sounds/14.mp3 → src/frontend/assets/lowE-sounds/14.mp3
diff --git a/lowE-sounds/15.mp3 → src/frontend/assets/lowE-sounds/15.mp3 b/lowE-sounds/15.mp3 → src/frontend/assets/lowE-sounds/15.mp3
diff --git a/lowE-sounds/16.mp3 → src/frontend/assets/lowE-sounds/16.mp3 b/lowE-sounds/16.mp3 → src/frontend/assets/lowE-sounds/16.mp3
diff --git a/lowE-sounds/17.mp3 → src/frontend/assets/lowE-sounds/17.mp3 b/lowE-sounds/17.mp3 → src/frontend/assets/lowE-sounds/17.mp3
diff --git a/lowE-sounds/18.mp3 → src/frontend/assets/lowE-sounds/18.mp3 b/lowE-sounds/18.mp3 → src/frontend/assets/lowE-sounds/18.mp3
diff --git a/lowE-sounds/19.mp3 → src/frontend/assets/lowE-sounds/19.mp3 b/lowE-sounds/19.mp3 → src/frontend/assets/lowE-sounds/19.mp3
diff --git a/lowE-sounds/2.mp3 → src/frontend/assets/lowE-sounds/2.mp3 b/lowE-sounds/2.mp3 → src/frontend/assets/lowE-sounds/2.mp3
diff --git a/lowE-sounds/3.mp3 → src/frontend/assets/lowE-sounds/3.mp3 b/lowE-sounds/3.mp3 → src/frontend/assets/lowE-sounds/3.mp3
diff --git a/lowE-sounds/4.mp3 → src/frontend/assets/lowE-sounds/4.mp3 b/lowE-sounds/4.mp3 → src/frontend/assets/lowE-sounds/4.mp3
diff --git a/lowE-sounds/5.mp3 → src/frontend/assets/lowE-sounds/5.mp3 b/lowE-sounds/5.mp3 → src/frontend/assets/lowE-sounds/5.mp3
diff --git a/lowE-sounds/6.mp3 → src/frontend/assets/lowE-sounds/6.mp3 b/lowE-sounds/6.mp3 → src/frontend/assets/lowE-sounds/6.mp3
diff --git a/lowE-sounds/7.mp3 → src/frontend/assets/lowE-sounds/7.mp3 b/lowE-sounds/7.mp3 → src/frontend/assets/lowE-sounds/7.mp3
diff --git a/lowE-sounds/8.mp3 → src/frontend/assets/lowE-sounds/8.mp3 b/lowE-sounds/8.mp3 → src/frontend/assets/lowE-sounds/8.mp3
diff --git a/lowE-sounds/9.mp3 → src/frontend/assets/lowE-sounds/9.mp3 b/lowE-sounds/9.mp3 → src/frontend/assets/lowE-sounds/9.mp3
diff --git a/chords/A-chords.mjs → src/frontend/chords/A-chords.mjs b/chords/A-chords.mjs → src/frontend/chords/A-chords.mjs
diff --git a/chords/B-chords.mjs → src/frontend/chords/B-chords.mjs b/chords/B-chords.mjs → src/frontend/chords/B-chords.mjs
diff --git a/chords/C-chords.mjs → src/frontend/chords/C-chords.mjs b/chords/C-chords.mjs → src/frontend/chords/C-chords.mjs
diff --git a/chords/Chord-finder.mjs → src/frontend/chords/Chord-finder.mjs b/chords/Chord-finder.mjs → src/frontend/chords/Chord-finder.mjs
diff --git a/chords/D-chords.mjs → src/frontend/chords/D-chords.mjs b/chords/D-chords.mjs → src/frontend/chords/D-chords.mjs
diff --git a/chords/E-chords.mjs → src/frontend/chords/E-chords.mjs b/chords/E-chords.mjs → src/frontend/chords/E-chords.mjs
diff --git a/chords/F-chords.mjs → src/frontend/chords/F-chords.mjs b/chords/F-chords.mjs → src/frontend/chords/F-chords.mjs
diff --git a/chords/Frets.mjs → src/frontend/chords/Frets.mjs b/chords/Frets.mjs → src/frontend/chords/Frets.mjs
diff --git a/chords/G-chords.mjs → src/frontend/chords/G-chords.mjs b/chords/G-chords.mjs → src/frontend/chords/G-chords.mjs
diff --git a/chords/Guitar.mjs → src/frontend/chords/Guitar.mjs b/chords/Guitar.mjs → src/frontend/chords/Guitar.mjs
diff --git a/chords/chordProg.mjs → src/frontend/chords/chordProg.mjs b/chords/chordProg.mjs → src/frontend/chords/chordProg.mjs
diff --git a/components/ChordDisplay.css → src/frontend/components/ChordDisplay.css b/components/ChordDisplay.css → src/frontend/components/ChordDisplay.css
diff --git a/components/ChordDisplay.jsx → src/frontend/components/ChordDisplay.jsx b/components/ChordDisplay.jsx → src/frontend/components/ChordDisplay.jsx
@@ -1,9 +1,9 @@
 // ChordDisplay.jsx
 import React from 'react';
 import DraggableChord from './DraggableChord';
-import { allC } from '../../../chords/C-chords.mjs';
+import { allC } from '../chords/C-chords.mjs';
 import './ChordDisplay.css';
-import { frets } from '../../../chords/Frets.mjs';
+import { frets } from '../chords/Frets.mjs';
 
 export default function ChordDisplay({ selectedOption }) {
   function findChordByName(objectsArray, targetName) {
@@ -16,7 +16,7 @@ export default function ChordDisplay({ selectedOption }) {
     function mapChord(chord) {
       for (let i = 1; i < Object.values(chord).length; i++) {
         const reversedChordLine = (
-          <div key={i} className='chord-line'>
+          <div key={i} className="chord-line">
             {chord[i]
               .slice()
               .reverse()
@@ -168,11 +168,11 @@ export default function ChordDisplay({ selectedOption }) {
   const chunkedChordData = chunkArray(chordData, 4);
 
   return (
-    <div className='grid-container'>
+    <div className="grid-container">
       {chunkedChordData.map((row, rowIndex) => (
         <div key={rowIndex} style={{ display: 'flex' }}>
           {row.map((chord, colIndex) => (
-            <div key={colIndex} className='grid-item'>
+            <div key={colIndex} className="grid-item">
               <DraggableChord chordName={chord} />
             </div>
           ))}

diff --git a/components/ChordSelect.jsx → src/frontend/components/ChordSelect.jsx b/components/ChordSelect.jsx → src/frontend/components/ChordSelect.jsx
@@ -1,5 +1,5 @@
 import React, { useState } from 'react';
-import { allCNames } from '../../../chords/C-chords.mjs';
+import { allCNames } from '../chords/C-chords.mjs';
 
 export default function ChordSelect({ onSelect }) {
   const [selectedOption, setSelectedOption] = useState('');
@@ -13,9 +13,9 @@ export default function ChordSelect({ onSelect }) {
 
   return (
     <div>
-      <label htmlFor='dropdown'>Select a chord </label>
-      <select id='dropdown' value={selectedOption} onChange={handleSelect}>
-        <option value=''>choose</option>
+      <label htmlFor="dropdown">Select a chord </label>
+      <select id="dropdown" value={selectedOption} onChange={handleSelect}>
+        <option value="">choose</option>
         {options.map((option, index) => (
           <option key={index} value={option}>
             {option}

diff --git a/components/DraggableChord.jsx → src/frontend/components/DraggableChord.jsx b/components/DraggableChord.jsx → src/frontend/components/DraggableChord.jsx
diff --git a/components/FormAction.jsx → src/frontend/components/FormAction.jsx b/components/FormAction.jsx → src/frontend/components/FormAction.jsx
diff --git a/components/FormExtra.jsx → src/frontend/components/FormExtra.jsx b/components/FormExtra.jsx → src/frontend/components/FormExtra.jsx
diff --git a/src/frontend/components/Header.jsx b/src/frontend/components/Header.jsx
@@ -0,0 +1,32 @@
+import { Link } from 'react-router-dom';
+
+export default function Header({
+  heading,
+  paragraph,
+  linkName,
+  linkUrl = '#',
+}) {
+  return (
+    <div className="mb-10">
+      <div style={{ height: '50vh' }}>
+        <img
+          alt="logo"
+          className="login-logo"
+          src="src/frontend/assets/images/acoustic-guitar-logo.jpeg"
+        />
+      </div>
+      <h2 className="mt-6 text-center text-3xl font-extrabold text-gray-900">
+        {heading}
+      </h2>
+      <p className="mt-2 text-center text-sm text-gray-600 mt-5">
+        {paragraph}{' '}
+        <Link
+          to={linkUrl}
+          className="font-medium text-purple-600 hover:text-purple-500"
+        >
+          {linkName}
+        </Link>
+      </p>
+    </div>
+  );
+}
diff --git a/components/Home.jsx → src/frontend/components/Home.jsx b/components/Home.jsx → src/frontend/components/Home.jsx
diff --git a/components/Input.jsx → src/frontend/components/Input.jsx b/components/Input.jsx → src/frontend/components/Input.jsx
diff --git a/components/Login.jsx → src/frontend/components/Login.jsx b/components/Login.jsx → src/frontend/components/Login.jsx
diff --git a/components/MultiAudioPlayers.jsx → ...frontend/components/MultiAudioPlayers.jsx b/components/MultiAudioPlayers.jsx → ...frontend/components/MultiAudioPlayers.jsx
diff --git a/components/Navbar.jsx → src/frontend/components/Navbar.jsx b/components/Navbar.jsx → src/frontend/components/Navbar.jsx
diff --git a/components/ProgressionDisplay.jsx → ...rontend/components/ProgressionDisplay.jsx b/components/ProgressionDisplay.jsx → ...rontend/components/ProgressionDisplay.jsx
diff --git a/components/Signup.jsx → src/frontend/components/Signup.jsx b/components/Signup.jsx → src/frontend/components/Signup.jsx
@@ -48,8 +48,8 @@ export default function Signup() {
   };
 
   return (
-    <form className='mt-8 space-y-6' onSubmit={handleSubmit}>
-      <div className=''>
+    <form className="mt-8 space-y-6" onSubmit={handleSubmit}>
+      <div className="">
         {fields.map((field) => (
           <Input
             key={field.id}
@@ -64,7 +64,7 @@ export default function Signup() {
             placeholder={field.placeholder}
           />
         ))}
-        <FormAction handleSubmit={handleSubmit} text='Signup' />
+        <FormAction handleSubmit={handleSubmit} text="Signup" />
       </div>
     </form>
   );

diff --git a/constants/formFields.js → src/frontend/constants/formFields.js b/constants/formFields.js → src/frontend/constants/formFields.js
diff --git a/main.jsx → src/frontend/main.jsx b/main.jsx → src/frontend/main.jsx
@@ -1,7 +1,7 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import App from './App.jsx';
-import './index.css';
+// import './index.css';
 
 ReactDOM.createRoot(document.getElementById('root')).render(
   <React.StrictMode>

diff --git a/pages/Homepage.jsx → src/frontend/pages/Homepage.jsx b/pages/Homepage.jsx → src/frontend/pages/Homepage.jsx
diff --git a/pages/Login.jsx → src/frontend/pages/Login.jsx b/pages/Login.jsx → src/frontend/pages/Login.jsx
diff --git a/pages/Signup.jsx → src/frontend/pages/Signup.jsx b/pages/Signup.jsx → src/frontend/pages/Signup.jsx