Memorial

package.json

@@ -3,22 +3,34 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
+    "@blueprintjs/core": "^5.13.1",
+    "@blueprintjs/icons": "^5.13.0",
+    "@emotion/react": "^11.13.3",
+    "@emotion/styled": "^11.13.0",
+    "@mui/material": "^6.1.4",
     "@react-pdf/renderer": "^2.2.0",
+    "@react-spring/parallax": "^9.7.5",
+    "@react-spring/web": "^9.7.5",
     "@testing-library/jest-dom": "^5.16.2",
     "@testing-library/react": "^12.1.4",
     "@testing-library/user-event": "^13.5.0",
     "axios": "^0.26.1",
     "bootstrap": "^5.1.3",
+    "firebase": "^10.14.1",
     "react": "^17.0.2",
     "react-bootstrap": "^2.2.1",
+    "react-circular-progressbar": "^2.1.0",
+    "react-confetti": "^6.1.0",
     "react-dom": "^17.0.2",
     "react-github-calendar": "^3.2.2",
     "react-icons": "^4.8.0",
     "react-parallax-tilt": "^1.7.42",
     "react-pdf": "^5.7.1",
     "react-router-dom": "^6.2.2",
     "react-scripts": "5.0.0",
+    "react-spring": "^9.7.4",
     "react-tsparticles": "^1.42.2",
+    "react-vertical-timeline-component": "^3.6.0",
     "typewriter-effect": "^2.18.2",
     "web-vitals": "^2.1.4"
   },

public/index.html

@@ -8,7 +8,7 @@
   <meta name="theme-color" content="#000000" />
   <meta name="description" content="Web site created using create-react-app" />
   <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
-  <title>S0umyajit | Portfolio</title>
+  <title>Altar de muertos | Posgrado ITL</title>
   <meta name="description" content="Self Developed personal website build with React.js">
 
   <!-- Google / Search Engine Tags -->

src/App.css

@@ -1,38 +1,40 @@
 .App {
-  text-align: center;
-}
-
-.App-logo {
-  height: 40vmin;
-  pointer-events: none;
-}
-
-@media (prefers-reduced-motion: no-preference) {
+  user-select: none;
+    text-align: center;
+  }
+
   .App-logo {
-    animation: App-logo-spin infinite 20s linear;
+    height: 40vmin;
+    pointer-events: none;
   }
-}
-
-.App-header {
-  background-color: #282c34;
-  min-height: 100vh;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  font-size: calc(10px + 2vmin);
-  color: white;
-}
-
-.App-link {
-  color: #61dafb;
-}
-
-@keyframes App-logo-spin {
-  from {
-    transform: rotate(0deg);
+
+  @media (prefers-reduced-motion: no-preference) {
+    .App-logo {
+      animation: App-logo-spin infinite 20s linear;
+    }
+  }
+
+  .App-header {
+    background-color: #282c34;
+    min-height: 100vh;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    font-size: calc(10px + 2vmin);
+    color: white;
   }
-  to {
-    transform: rotate(360deg);
+
+  .App-link {
+    color: #61dafb;
   }
-}
+
+  @keyframes App-logo-spin {
+    from {
+      transform: rotate(0deg);
+    }
+    to {
+      transform: rotate(360deg);
+    }
+  }
+

src/App.js

@@ -2,10 +2,10 @@ import React, { useState, useEffect } from "react";
 import Preloader from "../src/components/Pre";
 import Navbar from "./components/Navbar";
 import Home from "./components/Home/Home";
-import About from "./components/About/About";
-import Projects from "./components/Projects/Projects";
+import MemorialPage from "./components/About/Memorial";
+import Quiz from "./components/Quiz/Quiz";
 import Footer from "./components/Footer";
-import Resume from "./components/Resume/ResumeNew";
+import TopScorePage from "./components/TopScore/TopScorePage";
 import {
   BrowserRouter as Router,
   Route,
@@ -17,6 +17,18 @@ import "./style.css";
 import "./App.css";
 import "bootstrap/dist/css/bootstrap.min.css";
 
+import TestimonioCientificos from "./components/About/Cientificos/Cientificos";
+import TestimonioSalud from "./components/About/Salud/PersonalSalud";
+import TestimonioVoluntarios from "./components/About/Voluntarios/Voluntarios";
+import TestimonioPacientes from "./components/About/Pacientes/Pacientes";
+import TestimonioPlaneta from "./components/About/Planeta/Planeta";
+
+import Roadmap from "./components/RoadMap/Roadmap";
+
+import Game from "./components/Quiz/Game";
+
+import TiempoRestante from "./components/timer/Timer";
+
 function App() {
   const [load, upadateLoad] = useState(true);
 
@@ -35,13 +47,27 @@ function App() {
         <Navbar />
         <ScrollToTop />
         <Routes>
-          <Route path="/" element={<Home />} />
-          <Route path="/project" element={<Projects />} />
-          <Route path="/about" element={<About />} />
-          <Route path="/resume" element={<Resume />} />
+          <Route path="/" element={<Roadmap />} />
+          <Route path="/memorial" element={<MemorialPage />} />
+          <Route path="/quiz" element={<Quiz />} />
+          <Route path="/resume" element={<TopScorePage />} />
           <Route path="*" element={<Navigate to="/"/>} />
+
+          <Route path="/memorial/cientificos" element={<TestimonioCientificos />} />
+          <Route path="/memorial/salud" element={<TestimonioSalud />} />
+          <Route path="/memorial/voluntarios" element={<TestimonioVoluntarios />} />
+          <Route path="/memorial/pacientes" element={<TestimonioPacientes />} />
+          <Route path="/memorial/planeta" element={<TestimonioPlaneta />} />
+
+          <Route path="/roadmap" element={<Roadmap />} />
+
+          <Route path="/quiz/game" element={<Game />} />
+
+          <Route path="/timer" element={<TiempoRestante />} />
+
+
         </Routes>
-        <Footer />
+
       </div>
     </Router>
   );