Added experience and link

thomaswesleyb · Dec 19, 2024 · eba167f · eba167f
1 parent 7471bdd
commit eba167f
Show file tree

Hide file tree

Showing 10 changed files with 3,842 additions and 424 deletions.
diff --git a/node_modules/.package-lock.json b/node_modules/.package-lock.json
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -10,9 +10,11 @@
     "preview": "vite preview"
   },
   "dependencies": {
+    "prop-types": "^15.8.1",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "react-router-dom": "^7.0.2"
+    "react-router-dom": "^7.0.2",
+    "react-vertical-timeline-component": "^3.5.3"
   },
   "devDependencies": {
     "@eslint/js": "^9.15.0",

diff --git a/public/vite.svg b/public/vite.svg
diff --git a/src/App.tsx b/src/App.tsx
@@ -5,6 +5,7 @@ import Home from './pages/Home';
 import Projects from './pages/Projects';
 import About from './pages/About';
 import Contact from './pages/Contact';
+import Experience from "./pages/Experience.tsx";
 
 export default function App() {
     return (
@@ -16,6 +17,7 @@ export default function App() {
                         <Route path="/" element={<Home />} />
                         <Route path="/projects" element={<Projects />} />
                         <Route path="/about" element={<About />} />
+                        <Route path="/experience" element={<Experience />} />
                         <Route path="/contact" element={<Contact />} />
                     </Routes>
                 </main>

diff --git a/src/assets/react.svg b/src/assets/react.svg
diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
@@ -18,6 +18,7 @@ export default function Navbar() {
                     <li><Link to="/" className="hover:text-neutral-400">Home</Link></li>
                     <li><Link to="/about" className="hover:text-neutral-400">About</Link></li>
                     <li><Link to="/projects" className="hover:text-neutral-400">Projects</Link></li>
+                    <li><Link to="/experience" className="hover:text-neutral-400">Experience</Link></li>
                     <li><Link to="/contact" className="hover:text-neutral-400">Contact</Link></li>
                 </ul>
             </div>
@@ -26,6 +27,7 @@ export default function Navbar() {
                     <li><Link to="/" className="hover:text-neutral-400">Home</Link></li>
                     <li><Link to="/about" className="hover:text-neutral-400">About</Link></li>
                     <li><Link to="/projects" className="hover:text-neutral-400">Projects</Link></li>
+                    <li><Link to="/experience" className="hover:text-neutral-400">Experience</Link></li>
                     <li><Link to="/contact" className="hover:text-neutral-400">Contact</Link></li>
                 </ul>
             )}

diff --git a/src/pages/About.tsx b/src/pages/About.tsx
@@ -3,7 +3,7 @@ export default function About() {
         <section className="py-12 bg-neutral-900 text-white text-center">
             <h2 className="text-4xl font-bold mb-6">About Me</h2>
             <p className="text-neutral-400 max-w-2xl mx-auto">
-                I'm a passionate developer with a focus on creating clean, intuitive, and minimalist designs.
+                I'm a passionate developer with a focus on creating clean, intuitive, and minimalist designs. Currently, I work as a Software Engineer 2 at Cvent Inc.
             </p>
         </section>
     );

diff --git a/src/pages/Experience.tsx b/src/pages/Experience.tsx
@@ -0,0 +1,50 @@
+// @ts-ignore
+import { VerticalTimeline, VerticalTimelineElement } from 'react-vertical-timeline-component';
+import 'react-vertical-timeline-component/style.min.css';
+
+export default function Experience() {
+    return (
+        <section className="py-12 bg-neutral-900 text-white text-center">
+            <h2 className="text-4xl font-bold mb-6">Experience</h2>
+            <p className="text-neutral-400 max-w-2xl mx-auto">
+                <VerticalTimeline>
+                    <VerticalTimelineElement
+                        className="vertical-timeline-element--work"
+                        contentStyle={{ background: 'rgb(33, 150, 243)', color: '#fff' }}
+                        contentArrowStyle={{ borderRight: '7px solid  rgb(33, 150, 243)' }}
+                        date="2024 - present"
+                        iconStyle={{ background: 'rgb(33, 150, 243)', color: '#fff' }}
+                    >
+                        <h3 className="vertical-timeline-element-title">Software Engineer 2</h3>
+                        <h4 className="vertical-timeline-element-subtitle">Cvent Inc.</h4>
+                        <p>
+                            Working on AI projects... Can't say much more than that.
+                        </p>
+                    </VerticalTimelineElement>
+                    <VerticalTimelineElement
+                        className="vertical-timeline-element--work"
+                        date="2022 - 2024"
+                        iconStyle={{ background: 'rgb(33, 150, 243)', color: '#fff' }}
+                    >
+                        <h3 className="vertical-timeline-element-title">Software Engineer</h3>
+                        <h4 className="vertical-timeline-element-subtitle">Cvent Inc.</h4>
+                        <p>
+                            Worked on the Sessions and Speakers product, streamlined the cache reset process for lookups, and worked on multi language
+                        </p>
+                    </VerticalTimelineElement>
+                    <VerticalTimelineElement
+                        className="vertical-timeline-element--work"
+                        date="2018 - 2022"
+                        iconStyle={{ background: 'rgb(33, 150, 243)', color: '#fff' }}
+                    >
+                        <h3 className="vertical-timeline-element-title">Student at Sewanee</h3>
+                        <h4 className="vertical-timeline-element-subtitle">Sewanee: The University of the South</h4>
+                        <p>
+                            Studied Computer Science and Russian
+                        </p>
+                    </VerticalTimelineElement>
+                </VerticalTimeline>
+            </p>
+        </section>
+    );
+}
diff --git a/src/pages/Projects.tsx b/src/pages/Projects.tsx
@@ -7,7 +7,10 @@ export default function Projects() {
             </div>
             <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 px-8">
                 <div className="border border-neutral-300 rounded hover:shadow-lg transition-shadow">
-                    <img src="/src/assets/russianidioms.png" alt="Russian Idioms Website" className="w-full h-48 object-cover rounded-t" />
+                    <a href={"https://russianidioms.com"} target="_blank">
+                        <img src="/src/assets/russianidioms.png" alt="Russian Idioms Website"
+                             className="w-full h-48 object-cover rounded-t"/>
+                    </a>
                     <div className="p-4">
                         <h3 className="text-xl font-semibold text-black">Russian Idioms</h3>
                         <p className="text-neutral-600">This application serves as a database for Russian Idioms, where users can submit new idioms, study existing idioms, add idioms to their collection, and more!</p>