Fail project upload

Author: Intermentality

.yarn/install-state.gz

@@ -0,0 +1,3 @@
+nodeLinker: node-modules
+
+yarnPath: .yarn/releases/yarn-4.7.0.cjs

.yarn/releases/yarn-4.7.0.cjs

@@ -38,5 +38,5 @@
         "vite": "^6.0.3",
         "vite-plugin-glsl": "^1.3.1"
     },
-    "packageManager": "yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
+    "packageManager": "yarn@4.7.0"
 }

.yarnrc.yml

@@ -15,6 +15,7 @@ export default function Home(){
             <ul className="list-disc">
                 <li><Link to="/proj-pgas24-game" className="text-sky-300">PGAS24 Game</Link></li>
                 <li><Link to="/proj-pgas25-game" className="text-sky-300">PGAS25 Game</Link></li>
+                <li><Link to="/proj-pgas25-fail" className="text-sky-300">PGAS25 Fail</Link></li>
             </ul>
 
             <h2 className="text-2xl">Websites</h2>

package.json

@@ -12,6 +12,7 @@ export default function Projects(){
             <ul className="list-disc">
                 <li><Link to="/proj-pgas24-game" className="text-sky-300">PGAS24 Game</Link></li>
                 <li><Link to="/proj-pgas25-game" className="text-sky-300">PGAS25 Game</Link></li>
+                <li><Link to="/proj-pgas25-fail" className="text-sky-300">PGAS25 Fail</Link></li>
             </ul>
 
             <h2 className="text-2xl">Websites</h2>

src/Pages/Home.tsx

@@ -0,0 +1,96 @@
+import { Paragraph } from "../../Components/Paragraph";
+
+export default function PGAS25Fail(){
+    return <div className="relative grid place-items-center">
+        <article className="my-4 p-2 w-full max-w-sm md:max-w-2xl">
+            <h1 className="text-4xl">PGAS-2025-Fail</h1>
+
+            <Paragraph>A failed school project from February to March 2025.</Paragraph>
+            <Paragraph>Skills: Planning & Typescript.</Paragraph>
+
+            <h2 className="text-2xl">Overview</h2>
+            <Paragraph>
+                This is going to be a lot of ranting about how some things 
+                didn't work out favorably for me.
+            </Paragraph>
+            <Paragraph>
+                This project was supposed to be a intranet managment website to access 
+                private documentation made with static documentation generators 
+                such as rsPress, vitePress, vuePress, docusaurus, and etc.
+            </Paragraph>
+
+            <h2 className="text-xl">Process</h2>
+            <Paragraph>
+                At the start, I've viewed NextJS as a awesome framework to use 
+                for this as it was a widely popular server side rendering framework.
+            </Paragraph>
+            <Paragraph>
+                Now here's my first mistake, I had no idea how to use or install NextJS. 
+            </Paragraph>
+            <Paragraph>
+                I've only used Vite for a long time and that should've been my option instead, 
+                but I picked NextJS since it seemed the best with tutorials on how to use OAuth. 
+            </Paragraph>
+            <Paragraph>
+                My next mistake was trying to install Shadcn/Ui with NextJS.
+            </Paragraph>
+            <Paragraph>
+                Turns out, when I tried to install Shadcn with NextJS, I kept getting errors when 
+                trying to run ```npm run dev``` which was ANNOYING. Also when I tried to install with 
+                Shadcn command directly, I kept getting a annoying bug regarding Shadcn install command 
+                trying to access a random folder.
+            </Paragraph>
+
+            <h2 className="text-xl">Things learned</h2>
+            <Paragraph>
+                This wasn't all a failure, I've learned a lot of things.
+            </Paragraph>
+            <Paragraph>
+                I've discovered Vite supports server side rendering at a very low level 
+                which should fit my needs with creating a intranet site to view private 
+                documentation.
+            </Paragraph>
+            <Paragraph>
+                I've also discovered RsBuild and RsPress which I didn't know existed until 
+                I was doing research regarding static generators, way faster than Vite and 
+                I'll probably switch over to it once both get out of beta and lands with version 
+                1.0.
+            </Paragraph>
+
+            <h2 className="text-xl">What I would do differently</h2>
+            <Paragraph>
+                If I don't know it, I'll just not use it.
+            </Paragraph>
+            <Paragraph>
+                This should've been my first approach to this since I already used Vite and 
+                should've used the SSR api they provided instead of trying to use NextJS.
+            </Paragraph>
+            <Paragraph>
+                Vite is also extremely fast for development, and that would've been the better option for me. 
+                I can use yarn with Vite instead, and with NextJS I could only use NPM which sucked for me.
+            </Paragraph>
+
+            <h2 className="text-xl">Links on what I would use in the future:</h2>
+            <li className="text-sky-500">
+                <a href="https://vite.dev/" target="_blank">
+                    Vite
+                </a>
+            </li>
+            <li className="text-sky-500">
+                <a href="https://ui.shadcn.com/" target="_blank">
+                    shadcn/ui
+                </a>
+            </li>
+            <li className="text-sky-500">
+                <a href="https://auth0.com/" target="_blank">
+                    Auth0
+                </a>
+            </li>
+            <li className="text-sky-500">
+                <a href="https://rspress.dev/" target="_blank">
+                    Rspress (to test the project.)
+                </a>
+            </li>
+        </article>
+    </div>
+}

src/Pages/Projects.tsx

@@ -5,6 +5,15 @@ export default function PortfolioLog(){
         <article className="my-4 p-2 w-full max-w-sm md:max-w-2xl">
             <h1 className="text-4xl">Portfolio Log</h1>
 
+            <h2>2025/03/13</h2>
+            <h3 className="font-semibold text-xl italic">Update</h3>
+            <Paragraph>
+                PGAS25_Fail log added.
+            </Paragraph>
+            <Paragraph>
+                Planning to update the site soon as well for MDX support.
+            </Paragraph>
+
             <h2>2025/02/06</h2>
             <h3 className="font-semibold text-xl italic">Update</h3>
             <Paragraph>

src/Pages/ProjectsPage/PGAS25Fail.tsx

@@ -8,6 +8,7 @@ import Projects from './Pages/Projects'
 import PGAS24Game from './Pages/ProjectsPage/PGAS24Game';
 import PGAS25Game from './Pages/ProjectsPage/PGAS25Game';
 import PortfolioLog from './Pages/ProjectsPage/PortfolioLog';
+import PGAS25Fail from './Pages/ProjectsPage/PGAS25Fail';
 
 export const App: React.FC = () => {
     return <>
@@ -27,6 +28,7 @@ export const App: React.FC = () => {
             {/* Side Pages */}
             <Route path="/proj-pgas24-game" element={<PGAS24Game />} />
             <Route path="/proj-pgas25-game" element={<PGAS25Game />} />
+            <Route path="/proj-pgas25-fail" element={<PGAS25Fail />} />
             <Route path="/proj-portfolio" element={<PortfolioLog/>} />
           </Routes>
         </div>