Skip to content

Commit

Permalink
Add AstroPaper in project section
Browse files Browse the repository at this point in the history
  • Loading branch information
satnaing committed Sep 29, 2022
1 parent cdcd91e commit 1e700f5
Show file tree
Hide file tree
Showing 2 changed files with 25 additions and 7 deletions.
Binary file added public/projects/astro-paper.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
32 changes: 25 additions & 7 deletions sections/ProjectSection.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -12,6 +12,7 @@ import satnaingBlog from "public/projects/satnaing-blog.png";
import haruFashion from "public/projects/haru-fashion.png";
import haruApi from "public/projects/haru-api.png";
import tipCalculator from "public/projects/tip-calculator.png";
import astroPaper from "public/projects/astro-paper.png";

const ProjectSection: React.FC = () => {
const { theme } = useTheme();
Expand Down Expand Up @@ -123,24 +124,41 @@ const projects = [
bgColor: "bg-[#C5E4E7]",
},
{
title: "Tip Calculator",
title: "AstroPaper",
type: "Frontend",
image: (
<Image
src={tipCalculator}
// width={1440}
// height={685}
src={astroPaper}
layout="fill"
alt="Tip Calculator"
alt="AstroPaper"
className="transition-transform duration-500 hover:scale-110 object-cover"
/>
),
desc: "A Progressive Web App (PWA) that can calculate the tip amount and each user's amount to pay. This app is written in Scss and React with TypeScript.",
tags: ["React", "TypeScript", "Scss"],
desc: "A minimal, responsive and SEO-friendly blog theme for Astro. This theme is written is Astro, TypeScript and React. This theme includes fuzzy-search, pagination etc.",
tags: ["Astro", "TypeScript", "React", "TailwindCSS"],
liveUrl: "https://splitter-sn.netlify.app/",
codeUrl: "https://github.com/satnaing/tip-calculator",
bgColor: "bg-[#9FD0E3]",
},
// {
// title: "Tip Calculator",
// type: "Frontend",
// image: (
// <Image
// src={tipCalculator}
// // width={1440}
// // height={685}
// layout="fill"
// alt="Tip Calculator"
// className="transition-transform duration-500 hover:scale-110 object-cover"
// />
// ),
// desc: "A Progressive Web App (PWA) that can calculate the tip amount and each user's amount to pay. This app is written in Scss and React with TypeScript.",
// tags: ["React", "TypeScript", "Scss"],
// liveUrl: "https://splitter-sn.netlify.app/",
// codeUrl: "https://github.com/satnaing/tip-calculator",
// bgColor: "bg-[#9FD0E3]",
// },
];

export default ProjectSection;

1 comment on commit 1e700f5

@vercel
Copy link

@vercel vercel bot commented on 1e700f5 Sep 29, 2022

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Successfully deployed to the following URLs:

sat-naing-portfolio – ./

sat-naing-portfolio-git-main-satnaing.vercel.app
sat-naing-portfolio-satnaing.vercel.app
satnaing.vercel.app

Please sign in to comment.