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

feat: update project Hightlight

Browse source
This commit is contained in:
Alvalen 2025-07-18 05:19:10 +07:00
parent 1ec26c40ad
commit ba0ecf242a
1 changed files with 19 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

37
app/projects/page.jsx
View file

@ -6,9 +6,9 @@ import Button from "@/components/Button";
import Image from "next/image"; import Image from "next/image";
// images // images
import ReactChat1 from "@/public/image/projects/web/trivia/trivia1.png"; import Intervyou1 from "@/public/image/projects/web/intervyou/intervyou-1.png";
import ReactChat2 from "@/public/image/projects/web/trivia/trivia2.png"; import Intervyou2 from "@/public/image/projects/web/intervyou/intervyou-2.png";
import ReactChat3 from "@/public/image/projects/web/trivia/trivia3.png"; import Intervyou3 from "@/public/image/projects/web/intervyou/intervyou-3.png";
import ProjectAll from "@/public/image/projects.png"; import ProjectAll from "@/public/image/projects.png";
import Hr from "@/components/Hr"; import Hr from "@/components/Hr";
@ -99,7 +99,7 @@ export default function Page() {
}} }}
className="w-full h-full shadow-lg"> className="w-full h-full shadow-lg">
<Image <Image
src={ReactChat1} src={Intervyou1}
alt="Alvalens" alt="Alvalens"
layout="fill" layout="fill"
objectFit="cover" objectFit="cover"
@ -108,7 +108,7 @@ export default function Page() {
/> />
</motion.div> </motion.div>
</div> </div>
<div className="absolute top-16 right-28 h-[30%] aspect-video grayscale hover:grayscale-0 transition-all ease duration-300 hover:scale-150"> <div className="absolute top-10 right-28 h-[30%] aspect-video grayscale hover:grayscale-0 transition-all ease duration-300 hover:scale-150">
<motion.div <motion.div
initial={{ initial={{
opacity: 0, opacity: 0,
@ -123,7 +123,7 @@ export default function Page() {
transition={{ delay: 0.3 }} transition={{ delay: 0.3 }}
className="w-full h-full shadow-lg "> className="w-full h-full shadow-lg ">
<Image <Image
src={ReactChat3} src={Intervyou3}
alt="Alvalens" alt="Alvalens"
layout="fill" layout="fill"
objectFit="cover" objectFit="cover"
@ -132,7 +132,7 @@ export default function Page() {
/> />
</motion.div> </motion.div>
</div> </div>
<div className="absolute bottom-16 right-20 h-[35%] aspect-video grayscale hover:grayscale-0 transition-all ease duration-300 hover:scale-150"> <div className="absolute bottom-10 md:bottom-26 right-20 h-[35%] aspect-video grayscale hover:grayscale-0 transition-all ease duration-300 hover:scale-150">
<motion.div <motion.div
initial={{ initial={{
opacity: 0, opacity: 0,
@ -149,7 +149,7 @@ export default function Page() {
}} }}
className="w-full h-full shadow-lg"> className="w-full h-full shadow-lg">
<Image <Image
src={ReactChat2} src={Intervyou2}
alt="Alvalens" alt="Alvalens"
layout="fill" layout="fill"
objectFit="cover" objectFit="cover"
@ -174,24 +174,25 @@ export default function Page() {
type: "spring", type: "spring",
}}> }}>
<h2 className="text-2xl font-bold tracking-wider mb-3"> <h2 className="text-2xl font-bold tracking-wider mb-3">
Generative Trivia Intervyou AI
</h2> </h2>
<p className="text-gray-600 text-justify title text-lg"> <p className="text-gray-600 text-justify title text-lg">
A generative trivia website built with Next.js, Firebase, AI Based interview Preparation Website created to help fresh
NextAuth, Google OAuth, and TypeScript. Users can generate trivia graduates and job seekers prepare for interviews and optimize
questions for predefined school subjects and answer them with a their CV through AI-powered features. The website is built using
unique interactive input style. The application supports user Next.js, TypeScript, Tailwind CSS, Shadcn UI, Prisma, and MySQL
authentication with Google and stores data in Firestore. You can (TiDB). This website can comprehensively analyze the user's
see the source code of this project on my github account or interview performance by providing a analysis of the user's
preview the project by clicking the button below. answer, gesture, and material recommendation to improve the user's
interview skills.
</p>{" "} </p>{" "}
<div className="mt-3"> <div className="mt-3">
<Button variation="primary"> <Button variation="primary">
<Link href="projects/trivia">More</Link> <Link href="projects/intervyou">More</Link>
</Button> </Button>
<Button variation="secondary"> <Button variation="secondary">
<a <a
href="https://generative-trivia.vercel.app/" href="https://www.intervyou.me"
target="_blank" target="_blank"
rel="noopener noreferrer"> rel="noopener noreferrer">
Preview Preview