Skip to content

Commit 20a29af

Browse files
author
MahalakshmiPFW
committed
Add new project and update ui
1 parent bad1275 commit 20a29af

3 files changed

Lines changed: 19 additions & 7 deletions

File tree

88 KB
Loading

src/components/ProjectCard.jsx

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
import React from 'react';
22
import { Card, Button } from 'react-bootstrap';
3-
import { SiReact, SiNodedotjs, SiJavascript, SiTypescript, SiBootstrap, SiExpress, SiMongodb, SiNextdotjs, SiHtml5, SiSass, SiCypress, SiJest } from 'react-icons/si';
3+
import { SiReact, SiNodedotjs, SiJavascript, SiTypescript, SiBootstrap, SiExpress, SiMongodb, SiNextdotjs, SiHtml5, SiSass, SiCypress, SiJest, SiVercel, SiFramer, SiTailwindcss, SiOpenai } from 'react-icons/si';
44
import { FaExternalLinkAlt, FaGithub } from 'react-icons/fa';
55

66
const ProjectCard = ({ project }) => {
@@ -10,14 +10,18 @@ const ProjectCard = ({ project }) => {
1010
'nodejs': SiNodedotjs,
1111
'javascript': SiJavascript,
1212
'typescript': SiTypescript,
13+
'tailwindcss': SiTailwindcss,
1314
'bootstrap': SiBootstrap,
1415
'express': SiExpress,
1516
'mongodb': SiMongodb,
1617
'nextjs': SiNextdotjs,
1718
'html': SiHtml5,
1819
'sass': SiSass,
1920
'cypress': SiCypress,
20-
'jest': SiJest
21+
'jest': SiJest,
22+
'framer-motion': SiFramer,
23+
'vercel': SiVercel,
24+
'openai': SiOpenai,
2125
};
2226

2327
const Icon = iconMap[tech];

src/components/Projects.jsx

Lines changed: 13 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@ const Projects = () => {
1212
description: 'An e-commerce platform for students to buy and sell products on campus.',
1313
date: 'Sept - Dec 2024',
1414
image: 'assets/images/CampusMart-logo.png',
15-
technologies: ['react', 'nodejs', 'mongodb', 'express', 'bootstrap']
15+
technologies: ['react', 'nodejs', 'mongodb', 'express', 'bootstrap', 'vercel']
1616
},
1717
{
1818
id: 2,
@@ -26,9 +26,17 @@ const Projects = () => {
2626
id: 3,
2727
title: 'Portfolio',
2828
description: 'A personal portfolio showcasing my web development skills, including projects built with React, Node.js, and other modern technologies.',
29-
date: ' Feb - Mar 2025',
29+
date: 'Feb - Mar 2025',
3030
image: 'assets/images/Portfolio.png',
31-
technologies: ['react', 'bootstrap']
31+
technologies: ['react', 'bootstrap', 'framer-motion', 'vercel']
32+
},
33+
{
34+
id: 4,
35+
title: 'Syllabus to Calendar App',
36+
description: 'Converts course syllabi into organized calendar tasks using AI. Pasting text triggers GPT-4-powered task extraction and classification. PDF upload is a Work in Progress. Includes dual calendar/list views and optional Google Calendar sync.',
37+
date: 'Sept 2025 - Present',
38+
image: 'assets/images/Syl-to-Cal-app.png',
39+
technologies: ['react', 'nextjs', 'typescript', 'nodejs', 'tailwindcss', 'openai', 'vercel']
3240
}
3341
];
3442

@@ -52,7 +60,7 @@ const Projects = () => {
5260
<motion.div
5361
initial={{ opacity: 0, y: 30 }}
5462
whileInView={{ opacity: 1, y: 0 }}
55-
transition={{ duration: 0.5, delay: idx * 0.1 }}
63+
transition={{ duration: 0.5, delay: idx * 0.15 }} // increased delay increment for smooth stagger
5664
viewport={{ once: true }}
5765
>
5866
<ProjectCard project={project} />
@@ -81,4 +89,4 @@ const Projects = () => {
8189
);
8290
};
8391

84-
export default Projects;
92+
export default Projects;

0 commit comments

Comments
 (0)