Skip to content

Commit

Permalink
added moove
Browse files Browse the repository at this point in the history
  • Loading branch information
@IsaacNguyen
IsaacNguyen committed May 27, 2024
1 parent facfeb6 commit eb6c3ce
Show file tree
Hide file tree
Showing 4 changed files with 55 additions and 40 deletions.
32 changes: 16 additions & 16 deletions src/Contact.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -22,48 +22,48 @@ function Contact({ scrollToIntro, scrollToProjects, scrollToHobbies }: ContactPr
<div className='mt-32 mb-28 w-full bg-slate-100 h-90 '>
<div className='mx-auto flex flex-col lg:flex-row justify-between gap-16 lg:gap-5 w-2/3'>
<div className='flex flex-col w-2/5 gap-5'>
<h1 className='text-4xl font-semibold self-start'>isaac</h1>
<h1 className='text-3xl font-semibold self-start'>isaac</h1>
<div className='flex gap-2 items-center align-middle'>
<img className='w-7 h-5'src = {email}></img>
<a href='mailto:isaachugh33@gmail.com'className='text-left hover:underline underline-offset-1 text-xl'>isaachugh33@gmail.com</a>
<img className='w-6 h-4'src = {email}></img>
<a href='mailto:isaachugh33@gmail.com'className='text-left hover:underline underline-offset-1 text-lg'>isaachugh33@gmail.com</a>
</div>
<div className='flex gap-2 items-center align-middle'>
<img className='w-7 h-7'src = {phone}></img>
<a href='tel:310-707-7440'className='whitespace-nowrap text-left hover:underline underline-offset-1 text-xl'>310-707-7440</a>
<img className='w-5 h-5'src = {phone}></img>
<a href='tel:310-707-7440'className='whitespace-nowrap text-left hover:underline underline-offset-1 text-lg'>310-707-7440</a>
</div>
<div className='flex gap-2 items-center align-middle'>
<img className='w-7 h-7'src = {location}></img>
<p className=' text-left text-xl whitespace-nowrap'>Irvine, CA</p>
<img className='w-5 h-5'src = {location}></img>
<p className=' text-left text-lg whitespace-nowrap'>Irvine, CA</p>
</div>
</div>

<div className='flex flex-col gap-5 w-1/4 justify-start'>
<h1 className='text-4xl font-semibold'>pages</h1>
<button className="text-start text-2xl hover:underline underline-offset-1" onClick={scrollToIntro}>
<h1 className='text-3xl font-semibold'>pages</h1>
<button className="text-start text-xl hover:underline underline-offset-1" onClick={scrollToIntro}>
info
</button>
<button className="text-start text-2xl hover:underline underline-offset-1" onClick={scrollToProjects}>
<button className="text-start text-xl hover:underline underline-offset-1" onClick={scrollToProjects}>
projects
</button>
<button className="text-start text-2xl hover:underline underline-offset-1" onClick={scrollToHobbies}>
<button className="text-start text-xl hover:underline underline-offset-1" onClick={scrollToHobbies}>
hobbies
</button>
<a href={resume} target = '_blank' className=" text-2xl hover:underline underline-offset-1">
<a href={resume} target = '_blank' className=" text-xl hover:underline underline-offset-1">
resume
</a>
</div>

<div className='flex w-auto flex-col gap-5'>
<h1 className='text-4xl font-semibold'>connect with me</h1>
<h1 className='text-3xl font-semibold'>connect with me</h1>
<div className='flex flex-row gap-4'>
<a href='https://www.linkedin.com/in/isaacnguyen33/' target='_blank'>
<img className='w-10 h-10' src={linkedin}></img>
<img className='w-8 h-8' src={linkedin}></img>
</a>
<a href='https://github.com/IsaacNguyen' target='_blank'>
<img className='w-10 h-10' src={github}></img>
<img className='w-8 h-8' src={github}></img>
</a>
<a href='https://www.instagram.com/isaac.nguyen_/' target='_blank'>
<img className='w-10 h-10' src={instagram}></img>
<img className='w-8 h-8' src={instagram}></img>
</a>
</div>

Expand Down
4 changes: 2 additions & 2 deletions src/ProjectTab.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,9 +9,9 @@ type ProjectTabProps = {
function ProjectTab({image, name, description, tags, link}: ProjectTabProps){
return(
<>
<a href={link}target="_blank" className=' fade-in-image mb-auto mx-auto max-w-md md:max-w-2xl bg-slate-200 rounded-md hover:filter hover:brightness-90 shadow-md p-6 '>
<a href={link}target="_blank" className=' fade-in-image mx-auto max-w-md md:max-w-2xl bg-slate-200 rounded-md hover:filter hover:brightness-90 shadow-md p-6 '>
<div className='sm:flex text-center sm:text-start sm:justify-normal'>
<img className='my-auto drop-shadow-md w-1/2 h-1/2 sm:h-1/4 sm:w-1/2 mx-auto sm:mx-0 pb-5 sm:pb-0' src= {image}></img>
<img className='my-auto drop-shadow-md w-1/2 h-1/2 sm:h-1/4 sm:w-1/3 mx-auto sm:mx-0 pb-5 sm:pb-0' src= {image}></img>
<div className='flex flex-col px-4 sm:px-8'>
<div className='text-sm sm:text-base md:text-xl text-center tracking-wide font-semibold'> {name} </div>
<p className=' text-xs sm:text-sm md:text-base mb-1 py-2'>{description}</p>
Expand Down
59 changes: 37 additions & 22 deletions src/Projects.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,6 +3,7 @@ import fasterFashion from './assets/fasterfashion.png';
import personal_website from './assets/website.png';
import spotr from './assets/spotr.png';
import ProjectTab from './ProjectTab';
import moove from './assets/moove.png';

function Projects() {

Expand All @@ -14,30 +15,44 @@ function Projects() {
<div className='flex mb-10 w-full h-1/6 top-0 justify-center text-lg sm:text-xl md:text-2xl '>
<h1>coding projects!</h1>
</div>
<div className='grid grid-cols-1 2xl:grid-cols-2 gap-x-10 gap-y-10'>
<ProjectTab image={fasterFashion}
name="Faster Fashion"
description='Utilizes AI to help people update their wardrobes by reconstructing outfits, piece by piece.'
tags = {['Python', 'HTML/CSS', 'JavaScript', 'Flask','Bootstrap']}
link = 'https://github.com/jeremysu99/Faster-Fashion'
>
</ProjectTab>
<div className='grid grid-cols-1 2xl:grid-cols-2 gap-x-7 gap-y-10'>
{/* column 1 */}
<div className='flex flex-col gap-7'>
<ProjectTab image={fasterFashion}
name="Faster Fashion"
description='Utilizes AI to help people update their wardrobes by reconstructing outfits, piece by piece.'
tags = {['Python', 'HTML/CSS', 'JavaScript', 'Flask','Bootstrap']}
link = 'https://github.com/jeremysu99/Faster-Fashion'
>
</ProjectTab>

<ProjectTab image={spotr}
name="Spotr"
description="Helps people familiarize themselves with their surroundings by ungatekeeping people's favorite spots."
tags = {['JavaScript', 'React.js', 'Node.js', 'Express.js', 'Firebase']}
link = 'https://github.com/IsaacNguyen/spotr'
>
</ProjectTab>
</div>

<ProjectTab image={personal_website}
name="This Website!"
description='My very own personal website I made from scratch. Lots and lots of frontend practice!'
tags = {['TypeScript', 'React.js', 'Tailwind CSS']}
link = 'https://github.com/IsaacNguyen/isaacnguyen.github.io'
>
</ProjectTab>
<div className='flex flex-col gap-7'>
<ProjectTab image={personal_website}
name="This Website!"
description='My very own personal website I made from scratch. Lots and lots of frontend practice!'
tags = {['TypeScript', 'React.js', 'Tailwind CSS']}
link = 'https://github.com/IsaacNguyen/isaacnguyen.github.io'
>
</ProjectTab>


<ProjectTab image={spotr}
name="Spotr"
description="Helps people familiarize themselves with their surroundings by ungatekeeping people's favorite spots."
tags = {['JavaScript', 'React.js', 'Node.js', 'Express.js', 'Firebase']}
link = 'https://github.com/IsaacNguyen/spotr'
>
</ProjectTab>
<ProjectTab image={moove}
name="Moove"
description="Authenticates property sales and educates college students on the financial aspect of moving out."
tags = {['JavaScript', 'React.js', 'Node.js', 'Express.js', 'Firebase']}
link = 'https://github.com/IsaacNguyen/venushacks2024/tree/main'
>
</ProjectTab>
</div>
</div>

</div>
Expand Down
Binary file added src/assets/moove.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit eb6c3ce

Please sign in to comment.