Skip to content

Commit 74d977e

Browse files
Varshitha713Varshitha713
committed
updatev1.0
1 parent 7f6b7a5 commit 74d977e

File tree

1 file changed

+93
-94
lines changed

1 file changed

+93
-94
lines changed

‎script.js‎

Lines changed: 93 additions & 94 deletions
Original file line numberDiff line numberDiff line change
@@ -1,99 +1,98 @@
11

2-
//this data in future contribution should be done using firebase
32
const sampleProjects = [
4-
{
5-
id: 1,
6-
title: 'Analog Clock Web App',
7-
description: 'A beautifully designed analog clock that updates in real-time using vanilla JavaScript, HTML, and CSS. Perfect for understanding basic DOM manipulation and CSS transformations.',
8-
repoUrl: 'https://github.com/snehhhcodes/Analog-Clock-Web-App',
9-
demoUrl: 'https://snehhhcodes.github.io/Analog-Clock-Web-App/',
10-
difficulty: 'beginner',
11-
upvotes: 15,
12-
hasDemo: true,
13-
hasReadme: true,
14-
previewImage: 'assets/Preview.png',
15-
tags: ['JavaScript', 'CSS', 'HTML', 'DOM']
16-
},
17-
{
18-
id: 2,
19-
title: 'Weather Dashboard',
20-
description: 'A responsive weather application with beautiful animations and detailed forecasts. Features location-based weather data and interactive charts.',
21-
repoUrl: 'https://github.com/example/weather-dashboard',
22-
demoUrl: 'https://example.github.io/weather-dashboard/',
23-
difficulty: 'intermediate',
24-
upvotes: 28,
25-
hasDemo: true,
26-
hasReadme: true,
27-
previewImage: null,
28-
tags: ['React', 'API', 'Charts', 'Responsive']
29-
},
30-
{
31-
id: 3,
32-
title: 'Task Management App',
33-
description: 'A full-featured task management application with drag-and-drop functionality, real-time updates, and team collaboration features.',
34-
repoUrl: 'https://github.com/example/task-manager',
35-
demoUrl: null,
36-
difficulty: 'advanced',
37-
upvotes: 42,
38-
hasDemo: false,
39-
hasReadme: true,
40-
previewImage: null,
41-
tags: ['Vue.js', 'Drag & Drop', 'WebSocket', 'PWA']
42-
},
43-
{
44-
id: 4,
45-
title: 'Portfolio Website',
46-
description: 'A modern, responsive portfolio website with smooth animations, dark mode toggle, and optimized performance. Great starting point for personal branding.',
47-
repoUrl: 'https://github.com/example/portfolio',
48-
demoUrl: 'https://example.github.io/portfolio/',
49-
difficulty: 'beginner',
50-
upvotes: 31,
51-
hasDemo: true,
52-
hasReadme: true,
53-
previewImage: null,
54-
tags: ['HTML', 'CSS', 'JavaScript', 'Responsive']
55-
},
56-
{
57-
id: 5,
58-
title: 'Expense Tracker App',
59-
description: 'A simple and intuitive expense tracker app to monitor daily spending, manage budgets, and gain financial insights.',
60-
repoUrl: 'https://github.com/DineshPabboju/Expense-Tracker-App',
61-
demoUrl: 'https://expense-tracker-app-04.netlify.app/',
62-
difficulty: 'intermediate',
63-
upvotes: 21,
64-
hasDemo: true,
65-
hasReadme: false,
66-
previewImage: 'assets/Expense-Tracker-Preview.png',
67-
tags: ['HTML', 'CSS', 'JavaScript', 'Responsive']
68-
},
69-
{
70-
id: 6,
71-
title: "IMDb Clone",
72-
description: 'A responsive IMDb clone showcasing popular movies with detailed info using TMDb API and modern frontend technologies.',
73-
repoUrl: "https://github.com/Jils31/IMDB-clone",
74-
demoUrl: "https://imdb-clone-seven-virid.vercel.app/",
75-
difficulty: "intermediate",
76-
upvotes: 21,
77-
hasDemo: true,
78-
hasReadme: true,
79-
previewImage: "assets/image.png",
80-
tags: ["REACT", "Tailwind CSS", "Responsive", "React-Router DOM"],
81-
},
82-
{
83-
id: 7,
84-
title: 'PassWord Generator',
85-
description: 'Enable user to create password with specified length and character (uppercase, lowercase , special character and numbers) to meet diverse securing requirements.',
86-
repoUrl: 'https://github.com/Sitaram8472/Generate-password',
87-
demoUrl: 'https://password-generator021.netlify.app/',
88-
difficulty: 'advanced',
89-
upvotes: 42,
90-
hasDemo: true,
91-
hasReadme: true,
92-
previewImage: "assets/GeneratePassword.png",
93-
tags: ['HTML', 'CSS', 'JavaScript', 'Responsive']
94-
},
95-
96-
];
3+
{
4+
id: 1,
5+
title: 'Analog Clock Web App',
6+
description: 'A beautifully designed analog clock that updates in real-time using vanilla JavaScript, HTML, and CSS. Perfect for understanding basic DOM manipulation and CSS transformations.',
7+
repoUrl: 'https://github.com/snehhhcodes/Analog-Clock-Web-App',
8+
demoUrl: 'https://snehhhcodes.github.io/Analog-Clock-Web-App/',
9+
difficulty: 'beginner',
10+
upvotes: 15,
11+
hasDemo: true,
12+
hasReadme: true,
13+
previewImage: 'assets/Preview.png',
14+
tags: ['JavaScript', 'CSS', 'HTML', 'DOM']
15+
},
16+
{
17+
id: 2,
18+
title: 'Weather Dashboard',
19+
description: 'A responsive weather application with beautiful animations and detailed forecasts. Features location-based weather data and interactive charts.',
20+
repoUrl: 'https://github.com/example/weather-dashboard',
21+
demoUrl: 'https://example.github.io/weather-dashboard/',
22+
difficulty: 'intermediate',
23+
upvotes: 28,
24+
hasDemo: true,
25+
hasReadme: true,
26+
previewImage: null,
27+
tags: ['React', 'API', 'Charts', 'Responsive']
28+
},
29+
{
30+
id: 3,
31+
title: 'Task Management App',
32+
description: 'A full-featured task management application with drag-and-drop functionality, real-time updates, and team collaboration features.',
33+
repoUrl: 'https://github.com/example/task-manager',
34+
demoUrl: null,
35+
difficulty: 'advanced',
36+
upvotes: 42,
37+
hasDemo: false,
38+
hasReadme: true,
39+
previewImage: null,
40+
tags: ['Vue.js', 'Drag & Drop', 'WebSocket', 'PWA']
41+
},
42+
{
43+
id: 4,
44+
title: 'Portfolio Website',
45+
description: 'A modern, responsive portfolio website with smooth animations, dark mode toggle, and optimized performance. Great starting point for personal branding.',
46+
repoUrl: 'https://github.com/example/portfolio',
47+
demoUrl: 'https://example.github.io/portfolio/',
48+
difficulty: 'beginner',
49+
upvotes: 31,
50+
hasDemo: true,
51+
hasReadme: true,
52+
previewImage: null,
53+
tags: ['HTML', 'CSS', 'JavaScript', 'Responsive']
54+
},
55+
{
56+
id: 5,
57+
title: 'Expense Tracker App',
58+
description: 'A simple and intuitive expense tracker app to monitor daily spending, manage budgets, and gain financial insights.',
59+
repoUrl: 'https://github.com/DineshPabboju/Expense-Tracker-App',
60+
demoUrl: 'https://expense-tracker-app-04.netlify.app/',
61+
difficulty: 'intermediate',
62+
upvotes: 21,
63+
hasDemo: true,
64+
hasReadme: false,
65+
previewImage: 'assets/Expense-Tracker-Preview.png',
66+
tags: ['HTML', 'CSS', 'JavaScript', 'Responsive']
67+
},
68+
{
69+
id: 6,
70+
title: 'IMDb Clone',
71+
description: 'A responsive IMDb clone showcasing popular movies with detailed info using TMDb API and modern frontend technologies.',
72+
repoUrl: 'https://github.com/Jils31/IMDB-clone',
73+
demoUrl: 'https://imdb-clone-seven-virid.vercel.app/',
74+
difficulty: 'intermediate',
75+
upvotes: 21,
76+
hasDemo: true,
77+
hasReadme: true,
78+
previewImage: 'assets/image.png',
79+
tags: ['REACT', 'Tailwind CSS', 'Responsive', 'React-Router DOM']
80+
},
81+
{
82+
id: 7,
83+
title: 'PassWord Generator',
84+
description: 'Enable user to create password with specified length and character (uppercase, lowercase , special character and numbers) to meet diverse securing requirements.',
85+
repoUrl: 'https://github.com/Sitaram8472/Generate-password',
86+
demoUrl: 'https://password-generator021.netlify.app/',
87+
difficulty: 'advanced',
88+
upvotes: 42,
89+
hasDemo: true,
90+
hasReadme: true,
91+
previewImage: 'assets/GeneratePassword.png',
92+
tags: ['HTML', 'CSS', 'JavaScript', 'Responsive']
93+
}
94+
];
95+
9796

9897
// Store the current projects array
9998
let currentProjects = [...sampleProjects];

0 commit comments

Comments
 (0)