writing in some content

src/App.js

@@ -1,6 +1,9 @@
 import { BrowserRouter, Routes, Route } from 'react-router-dom';
 import Welcome from './pages/Welcome';
 import Projects from './pages/Projects';
+import Technologies from './pages/Technologies';
+import Links from './pages/Links';
+import InProgress from './pages/InProgress';
 import './App.css';
 
 function App() {
@@ -10,6 +13,9 @@ function App() {
           <Routes>
             <Route path='/' element={<Welcome />} />
             <Route path='/projects' element={<Projects />} />
+            <Route path='/in-progress' element={<InProgress />} />
+            <Route path='/technologies' element={<Technologies />} />
+            <Route path='/links' element={<Links />} />
           </Routes>
       </BrowserRouter>
     </div>

src/pages/InProgress.js

@@ -0,0 +1,6 @@
+export default function InProgress() {
+    return (
+        <>
+        </>
+    )
+}

src/pages/Links.js

@@ -0,0 +1,21 @@
+export default function Links() {
+    return (
+        <div className='Links page'>
+            <h1>Find more about my work at the links below!</h1>
+
+            <div className="gallery">
+                <div className="card">
+                    {/* An image here for a Github logo? */}
+                    <a href="https://github.com/innocuous-symmetry">My Github</a>
+                </div>
+                <div className="card">
+                    {/* LinkedIn image? */}
+                    <a href="https://www.linkedin.com/in/mikayla-dobson/">My LinkedIn Profile</a>
+                </div>
+                <div className="card">
+                    <a href="https://codepen.io/innocuous-symmetry">My CodePen</a>
+                </div>
+            </div>
+        </div>
+    )
+}

src/pages/Projects.js

@@ -3,8 +3,18 @@ export default function Projects() {
         <>
         <h1>What I Do:</h1>
 
-        <h2>Create full stack web applications</h2>
+        <section>
-        <p>I </p>
+            <h2>Create full stack web applications</h2>
+            <p>I have experience building web applications with and without back-end integrations.</p>
+            <p>I am comfortable conceptualizing and organizing complex structures, and as such, my projects tend to be natural in their structure and easy to maintain.</p>
+        </section>
+
+        <section>
+            <h2>Database Operations and Management</h2>
+            <p>My projects have featured both relational and non-relational databases, in particular PostgreSQL and MongoDB.</p>
+            <p>I also have experience with various technologies for connecting these to front-end applications, including Prisma and Supabase.</p>
+        </section>
+    
         </>
     )
 }

src/pages/Technologies.js

@@ -0,0 +1,6 @@
+export default function Technologies() {
+    return (
+        <>
+        </>
+    )
+}