diff --git a/app/projects/archive/page.jsx b/app/projects/archive/page.jsx index a3a0419..5ec47fb 100644 --- a/app/projects/archive/page.jsx +++ b/app/projects/archive/page.jsx @@ -7,12 +7,20 @@ import { faArrowUpRightFromSquare } from "@fortawesome/free-solid-svg-icons"; import FixedButon from "@/components/FixedButton"; import { faChevronLeft } from "@fortawesome/free-solid-svg-icons"; const projects = [ + { + year: "2024", + title: "Generative Trivia", + tech: "NextJS, Gemini AI, TailwindCSS, ShadcnUI, Firebase", + github: "https://github.com/Alvalens/generative-trivia", + preview: "https://generative-trivia.vercel.app/", + }, { year: "2023", title: "LUDOang", tech: "Python, Pygame, OpenGL", github: "https://github.com/Alvalens/ludo-game", - preview: "https://github.com/Alvalens/ludo-game/releases/tag/pre-release" + preview: + "https://github.com/Alvalens/ludo-game/releases/tag/pre-release", }, { year: "2023", diff --git a/app/projects/page.jsx b/app/projects/page.jsx index b12f9b9..cc8be5f 100644 --- a/app/projects/page.jsx +++ b/app/projects/page.jsx @@ -6,18 +6,18 @@ import Button from "@/components/Button"; import Image from "next/legacy/image"; // images -import ReactChat1 from "@/public/projects/react-chat.png"; -import ReactChat2 from "@/public/projects/react-chat2.png"; -import ReactChat3 from "@/public/projects/react-chat3.png"; +import ReactChat1 from "@/public/projects/trivia/trivia1.png"; +import ReactChat2 from "@/public/projects/trivia/trivia2.png"; +import ReactChat3 from "@/public/projects/trivia/trivia3.png"; import ProjectAll from "@/public/img/projects-all.jpg"; // main project image +import Trivia from "@/public/projects/main-project/trivia.png"; import LUDOang from "@/public/projects/main-project/ludo.png"; import ReactChatMain from "@/public/projects/main-project/react-chat.png"; import ReactTools from "@/public/projects/main-project/react-tools.png"; import AlephBot from "@/public/projects/main-project/aleph-bot.png"; import LPTK from "@/public/projects/lptk/lptk1.png"; import NUINO from "@/public/projects/ino/ino1.png"; -import UnmuhJember from "@/public/projects/unmuh/unmuh1.png"; import Porto from "@/public/projects/porto/porto1.png"; import Hr from "@/components/Hr"; @@ -26,6 +26,14 @@ import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; import { faChevronLeft } from "@fortawesome/free-solid-svg-icons"; const projects = [ + { + title: "Generative Trivia", + desc: "Generative Trivia is a web application that I created using Gemini AI API to generate trivia questions and answers.", + year: "2024", + tech: "NextJS, Gemini AI API, Tailwind CSS, Shadcn UI, Firebase", + bg: Trivia, + slug: "trivia", + }, { title: "LUDOang", desc: "LUDOang is a game created using python and pygame. This game is inspired by LUDO game.", @@ -74,14 +82,6 @@ const projects = [ bg: NUINO, slug: "nu-ino-website", }, - { - title: "Unmuh Jember Landing Page", - desc: "Landing page for Universitas Muhammadiyah Jember. This web is made for competition held by Universitas Muhammadiyah Jember.", - year: "2023", - tech: "HTML, CSS, Javascript", - bg: UnmuhJember, - slug: "unmuh-jember-landing-page", - }, { title: "My First Portofolio Website", desc: "My first portofolio website that i created using HTML, CSS, and Javascript. This website is the reason why i learn web development.", @@ -161,7 +161,7 @@ export default function Page() {
-
+
-
+
-
+

- React Chat WebApp + Generative Trivia

- React Chat WebApp is a chat application that I - created using ReactJS, Firebase, and TailwindCSS. - This is my second project using ReactJS and - Firebase. I created this project to learn more about - ReactJS and Firebase. I also use TailwindCSS to make - the UI more beautiful and responsive. In this - project i learn many things about react and - firebase, such as react hooks, react router, - firebase authentication, firebase firestore, and - firebase storage. You can see the source code of - this project on my github account or preview the - project by clicking the button below. + A generative trivia website built with Next.js, + Firebase, NextAuth, Google OAuth, and TypeScript. + Users can generate trivia questions for predefined + school subjects and answer them with a unique + interactive input style. The application supports + user authentication with Google and stores data in + Firestore. You can see the source code of this + project on my github account or preview the project + by clicking the button below.

{" "}