-
Notifications
You must be signed in to change notification settings - Fork 58
Expand file tree
/
Copy pathproject-Item.tsx
More file actions
87 lines (85 loc) · 3.76 KB
/
Copy pathproject-Item.tsx
File metadata and controls
87 lines (85 loc) · 3.76 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
import { ProjectItems } from "./projects";
export const projectItemConfig: ProjectItems[] = [
{
projectName: "Sendly",
description:
"Sendly lets you share files across devices instantly—no signups, no quality loss, just convenience.",
projectImage: "sendly.png",
githubLink: "https://github.com/Vaibhav-kesarwani/sendly",
liveLink: "https://sendlyfile.vercel.app/",
techStack: ["Next.js", "TypeScript", "Tailwind", "Supabase", "Prisma"],
difficulty: "Advanced",
skills: ["File Handling", "Database", "Authentication"],
learningPath: ["Fullstack Next.js", "Backend Integration"],
estimatedTime: "2-3 weeks",
prerequisites: ["React", "SQL basics"],
},
{
projectName: "ShowTime",
description:
"A cinematic streaming guide built with React featuring real-time movie search and a personalised watchlist to track your favourites.",
projectImage: "showtime.png",
githubLink: "https://github.com/Rishikapurbey/ShowTime",
liveLink: "https://harmonious-maamoul-e4854c.netlify.app/",
techStack: ["React js", "JavaScript", "CSS", "HTML"],
difficulty: "Intermediate",
skills: ["API Fetching", "State Management", "Routing"],
learningPath: ["Frontend Mastery"],
estimatedTime: "1-2 weeks",
prerequisites: ["Basic React Hooks", "Promises/Async"],
},
{
projectName: "Pomodoro Timer",
description:
"A productivity timer built with React featuring work and break sessions, countdown timer, start/pause/reset controls, and session tracking.",
projectImage: "pomodoro-timer.png",
githubLink: "https://github.com/chopadkartanishka/100-reactjs-projects",
techStack: ["React js", "JavaScript", "CSS", "HTML"],
difficulty: "Intermediate",
skills: ["Timers & Intervals", "React State"],
learningPath: ["React Basics", "Utility Apps"],
estimatedTime: "3-5 days",
prerequisites: ["JavaScript Basics", "useState/useEffect"],
},
{
projectName: "SpeedTap",
description:
"A fast-paced reaction time game built with React where players click randomly appearing targets before time runs out while tracking scores and improving reflex speed.",
projectImage: "speedtap.png",
githubLink: "https://github.com/prishsha/speedTap",
liveLink: "https://speed-tap-two.vercel.app/",
techStack: ["React js", "TypeScript", "CSS", "Vite"],
difficulty: "Beginner",
skills: ["State Management", "Event Handling", "Timers"],
learningPath: ["React Basics", "Game Development"],
estimatedTime: "2-4 days",
prerequisites: ["React Hooks", "Basic Math Logic"],
},
{
projectName: "SplitSmart",
description:
"Split bills equally, by item, or by percentage. Features AI bill parsing, group management, history tracking, and localStorage persistence.",
projectImage: "splitsmart.png",
githubLink: "https://github.com/ParthBhuptani/splitsmart",
liveLink: "https://splitsmart-expense.vercel.app",
techStack: ["React js", "Tailwind css", "TypeScript"],
difficulty: "Intermediate",
skills: ["Local Storage", "Complex State", "Form Handling"],
learningPath: ["Frontend Mastery", "Utility Apps"],
estimatedTime: "1-2 weeks",
prerequisites: ["TypeScript Basics", "React Context/State"],
},
{
projectName: "Text Cipher",
description: "An interactive text encoder and decoder supporting Base64 and Caesar Shift.",
projectImage: "text-cipher.png",
githubLink: "https://github.com/Reva2473/Text-Cipher",
liveLink: "https://text-cipher.vercel.app/",
techStack: ["React", "Tailwind CSS", "TypeScript"],
difficulty: "Beginner",
skills: ["String Manipulation", "Encoding/Decoding"],
learningPath: ["React Basics", "Cryptography Basics"],
estimatedTime: "1-3 days",
prerequisites: ["JavaScript Strings"],
},
];