v.korobtsev/vkorobtsev-nextJs
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: add Simadun project and update education section

Browse source
This commit is contained in:
Alvalen 2025-01-04 10:51:29 +07:00
parent 10c2c68da1
commit c32bba2193
10 changed files with 82 additions and 31 deletions
Download patch file Download diff file Expand all files Collapse all files

74
app/about/(education)/education.jsx
View file

@ -28,19 +28,34 @@ export default function Education() {
<h3 className="text-md font-normal mb-3">
S1 Teknik Informatika | Computer Science
</h3>
<div className="grid gap-4 mb-4 grayscale hover:grayscale-0 transition-all ease duration-300">
<Image
src={Me4}
width={400}
height={225}
alt="University"
className="rounded-lg"
style={{
aspectRatio: "16/9",
objectFit: "cover",
width: "100%",
}}
/>
<div className="gap-4 mb-4 flex items-stretch md:h-[300px] xl:h-[400px]">
<div className="flex-[1] transition-all duration-300 ease-in-out hover:flex-[3] group">
<Image
src={Me4}
width={400}
height={225}
alt="University"
className="rounded-lg w-full h-full object-cover grayscale group-hover:grayscale-0 transition-all duration-300 ease-in-out"
/>
</div>
<div className="flex-[1] transition-all duration-300 ease-in-out hover:flex-[3] group">
<Image
src={Me4}
width={400}
height={225}
alt="University"
className="rounded-lg w-full h-full object-cover grayscale group-hover:grayscale-0 transition-all duration-300 ease-in-out"
/>
</div>
<div className="flex-[1] transition-all duration-300 ease-in-out hover:flex-[3] group">
<Image
src={Me4}
width={400}
height={225}
alt="University"
className="rounded-lg w-full h-full object-cover grayscale group-hover:grayscale-0 transition-all duration-300 ease-in-out"
/>
</div>
</div>
<div className="flex items-center gap-2">
<p className="text-justify">
@ -60,13 +75,13 @@ export default function Education() {
</div>
</div>
</div>
<div className="flex flex-col justify-start ">
<h2 className="font-semibold text-xl mt-7">
Achievements
</h2>
<p className="text-md font-normal mb-3 md:mb-12">
Some of my achievements during my study.
</p>
<div className="flex flex-col justify-start px-5 md:px-0">
<h2 className="font-semibold text-xl mt-7">
Achievements
</h2>
<p className="text-md font-normal mb-3 md:mb-12">
Some of my achievements during my study.
</p>
<div className="flex items-center gap-4 mb-4">
<div className="aspect-square w-10 rounded-full bg-black flex items-center justify-center text-primary-foreground">
<FontAwesomeIcon
@ -76,11 +91,11 @@ export default function Education() {
</div>
<div>
<h3 className="font-medium">
Special Award | Gold Medal | Incubation Opportunity
Special Award | Gold Medal | Incubation
Opportunity
</h3>
<p className="text-sm">
Indonesia Inventor Day 2024 (IID) | Aug
2024
Indonesia Inventor Day 2024 (IID) | Aug 2024
</p>
</div>
</div>
@ -96,8 +111,8 @@ export default function Education() {
3rd place (Bronze Medal)
</h3>
<p className="text-sm">
Student Digital Innovation Competition (LIDM) | Jun
2024
Student Digital Innovation Competition
(LIDM) | Jun 2024
</p>
</div>
</div>
@ -113,8 +128,7 @@ export default function Education() {
3rd place (Bronze Medal)
</h3>
<p className="text-sm">
Fesmaro UI/UX Design | Jun
2024
Fesmaro UI/UX Design | Jun 2024
</p>
</div>
</div>
@ -128,7 +142,8 @@ export default function Education() {
<div>
<h3 className="font-medium">Finalist</h3>
<p className="text-sm">
36th National Student Science Week (PIMNAS) | Nov 2023
36th National Student Science Week (PIMNAS)
| Nov 2023
</p>
</div>
</div>
@ -144,7 +159,8 @@ export default function Education() {
3rd place (Bronze Medal)
</h3>
<p className="text-sm">
FORKAFEST 3.0 Web Development competition | Jan 2023
FORKAFEST 3.0 Web Development competition |
Jan 2023
</p>
</div>
</div>

2
app/projects/[slug]/page.jsx
View file

@ -1,7 +1,7 @@
"use client";
import { useState, useEffect } from "react";
import { motion } from "framer-motion";
import jsonData from "../../../json/data.json";
import jsonData from "@/json/data.json";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { faGithub } from "@fortawesome/free-brands-svg-icons";

11
app/projects/data/projects.js
View file

@ -1,4 +1,4 @@
import Simadun from "@/public/projects/main-project/simadun.png";
import Trivia from "@/public/projects/main-project/trivia.png";
import SakuSenyum from "@/public/projects/main-project/saku-senyum.png";
import LUDOang from "@/public/projects/main-project/ludo.png";
@ -27,6 +27,15 @@ export const projects = [
slug: "saku-senyum",
category: 1,
},
{
title: "Simadun",
desc: "Simadun is a exam management system for doctoral that I created as a Fullstack Developer. This project created using Laravel, Bootstrap, and JQuery.",
year: "2024",
tech: "PHP, Laravel, Bootstrap, JQuery, MySQL, Datatables",
bg: Simadun,
slug: "simadun",
category: 1,
},
{
title: "LUDOang",
desc: "LUDOang is a game created using python and pygame. This game is inspired by LUDO game.",