Skip to content

Commit 72f91f0

Browse files
author
Shariq
committed
Fix conflicts
2 parents 19996b2 + df2a987 commit 72f91f0

File tree

9 files changed

+331
-131
lines changed

9 files changed

+331
-131
lines changed

‎PROJECT_STRUCTURE.md‎

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -120,6 +120,9 @@
120120
│ ├── techeq2.webp
121121
│ ├── truth1.png
122122
│ ├── vision.webp
123+
│ ├── voy1.png
124+
│ ├── voy2.jpeg
125+
│ ├── voy3.png
123126
│ └── week1.png
124127
├── repo_structure.txt
125128
├── security.md
@@ -188,6 +191,8 @@
188191
│ │ │ │ │ └── page.jsx
189192
│ │ │ │ ├── page.jsx
190193
│ │ │ │ └── resources.js
194+
│ │ │ ├── ReverseEngineeringLab/
195+
│ │ │ │ └── page.jsx
191196
│ │ │ ├── RulesAndRegulations/
192197
│ │ │ │ └── page.jsx
193198
│ │ │ ├── SignIn/
@@ -212,6 +217,8 @@
212217
│ │ │ │ └── techStacks.js
213218
│ │ │ ├── TermsAndConditions/
214219
│ │ │ │ └── page.jsx
220+
│ │ │ ├── Voyages/
221+
│ │ │ │ └── page.jsx
215222
│ │ │ ├── ai-art-gallery/
216223
│ │ │ │ └── page.jsx
217224
│ │ │ ├── ai-ml/

‎data.json‎

Lines changed: 61 additions & 49 deletions
Original file line numberDiff line numberDiff line change
@@ -48270,55 +48270,67 @@
4827048270
"image": "/gro4.svg"
4827148271
}
4827248272
],
48273-
"allProducts":[
48274-
{
48275-
"title": "Firebase In-App Messaging",
48276-
"description": "Firebase In-App Messaging helps you engage your app's active users by sending them targeted, contextual messages that encourage them to use key app features."
48277-
},
48278-
{
48279-
"title": "Firebase Cloud Messaging",
48280-
"description": "Firebase Cloud Messaging (FCM) is a cross-platform messaging solution that lets you reliably send messages at no cost."
48281-
},
48282-
{
48283-
"title": "Chrome Extensions",
48284-
"description": "Learn how to develop Chrome extensions."
48285-
},
48286-
{
48287-
"title": "Google Ads API",
48288-
"description": "Build tools to manage large Google Ads accounts and campaigns."
48289-
},
48290-
{
48291-
"title": "Privacy Sandbox",
48292-
"description": "Privacy-focused APIs and updates for cookies, advertising, identity, personalization, and fraud prevention."
48293-
},
48294-
{
48295-
"title": "Google Play's billing system",
48296-
"description": "Google Play’s billing system Sell digital in-app products and subscriptions in your app."
48297-
},
48298-
{
48299-
"title": "Distribute Your Apps & Games on Google Play",
48300-
"description": "Utilize Google Play to distribute your apps and games, which has the ability to reach over 2 billion Android devices and increase total app downloads."
48301-
},
48302-
{
48303-
"title": "Google Play Console",
48304-
"description": "Publish your apps and games with Google Play Console and grow your business on Google Play."
48305-
},
48306-
{
48307-
"title": "Interactive Media Ads SDKs",
48308-
"description": "The IMA SDKs enable publishers to monetize video, audio, or gaming content with video advertising."
48309-
},
48310-
{
48311-
"title": "AdSense",
48312-
"description": "Google AdSense provides a free, flexible way to earn money from your websites, mobile sites, and site search results."
48313-
},
48314-
{
48315-
"title": "Google Ads",
48316-
"description": "Create and manage ads that reach users looking for your products or services on Google Search, Display, YouTube, and more."
48317-
},
48318-
{
48319-
"title": "AdMob",
48320-
"description": "Discover how to monetize your mobile apps with targeted in-app advertising that matches criteria you set."
48321-
}
48273+
"allProducts": [
48274+
{
48275+
"title": "Firebase In-App Messaging",
48276+
"description": "Firebase In-App Messaging helps you engage your app's active users by sending them targeted, contextual messages that encourage them to use key app features.",
48277+
"tags": ["Mobile", "Messaging"]
48278+
},
48279+
{
48280+
"title": "Firebase Cloud Messaging",
48281+
"description": "Firebase Cloud Messaging (FCM) is a cross-platform messaging solution that lets you reliably send messages at no cost.",
48282+
"tags": ["Mobile", "Messaging", "Cloud"]
48283+
},
48284+
{
48285+
"title": "Chrome Extensions",
48286+
"description": "Learn how to develop Chrome extensions.",
48287+
"tags": ["Web", "Development"]
48288+
},
48289+
{
48290+
"title": "Google Ads API",
48291+
"description": "Build tools to manage large Google Ads accounts and campaigns.",
48292+
"tags": ["Web", "Advertising"]
48293+
},
48294+
{
48295+
"title": "Privacy Sandbox",
48296+
"description": "Privacy-focused APIs and updates for cookies, advertising, identity, personalization, and fraud prevention.",
48297+
"tags": ["Web", "Privacy"]
48298+
},
48299+
{
48300+
"title": "Google Play's billing system",
48301+
"description": "Google Play’s billing system Sell digital in-app products and subscriptions in your app.",
48302+
"tags": ["Mobile", "Billing"]
48303+
},
48304+
{
48305+
"title": "Distribute Your Apps & Games on Google Play",
48306+
"description": "Utilize Google Play to distribute your apps and games, which has the ability to reach over 2 billion Android devices and increase total app downloads.",
48307+
"tags": ["Mobile", "Distribution"]
48308+
},
48309+
{
48310+
"title": "Google Play Console",
48311+
"description": "Publish your apps and games with Google Play Console and grow your business on Google Play.",
48312+
"tags": ["Mobile", "Business"]
48313+
},
48314+
{
48315+
"title": "Interactive Media Ads SDKs",
48316+
"description": "The IMA SDKs enable publishers to monetize video, audio, or gaming content with video advertising.",
48317+
"tags": ["Web", "Advertising", "Media"]
48318+
},
48319+
{
48320+
"title": "AdSense",
48321+
"description": "Google AdSense provides a free, flexible way to earn money from your websites, mobile sites, and site search results.",
48322+
"tags": ["Web", "Advertising"]
48323+
},
48324+
{
48325+
"title": "Google Ads",
48326+
"description": "Create and manage ads that reach users looking for your products or services on Google Search, Display, YouTube, and more.",
48327+
"tags": ["Web", "Advertising"]
48328+
},
48329+
{
48330+
"title": "AdMob",
48331+
"description": "Discover how to monetize your mobile apps with targeted in-app advertising that matches criteria you set.",
48332+
"tags": ["Mobile", "Advertising"]
48333+
}
4832248334
],
4832348335
"whitepapers": [
4832448336
{

‎public/voy1.png‎

9.95 KB
Loading

‎public/voy2.jpeg‎

8.56 KB
Loading

‎public/voy3.png‎

6.48 KB
Loading

‎repo_structure.txt‎

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -116,6 +116,9 @@
116116
│ ├── techeq2.webp
117117
│ ├── truth1.png
118118
│ ├── vision.webp
119+
│ ├── voy1.png
120+
│ ├── voy2.jpeg
121+
│ ├── voy3.png
119122
│ └── week1.png
120123
├── repo_structure.txt
121124
├── security.md
@@ -184,6 +187,8 @@
184187
│ │ │ │ │ └── page.jsx
185188
│ │ │ │ ├── page.jsx
186189
│ │ │ │ └── resources.js
190+
│ │ │ ├── ReverseEngineeringLab/
191+
│ │ │ │ └── page.jsx
187192
│ │ │ ├── RulesAndRegulations/
188193
│ │ │ │ └── page.jsx
189194
│ │ │ ├── SignIn/
@@ -208,6 +213,8 @@
208213
│ │ │ │ └── techStacks.js
209214
│ │ │ ├── TermsAndConditions/
210215
│ │ │ │ └── page.jsx
216+
│ │ │ ├── Voyages/
217+
│ │ │ │ └── page.jsx
211218
│ │ │ ├── ai-art-gallery/
212219
│ │ │ │ └── page.jsx
213220
│ │ │ ├── ai-ml/

‎src/app/(pages)/ReverseEngineeringLab/page.jsx‎

Lines changed: 99 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,99 @@
1+
"use client"
2+
import React from 'react';
3+
import { Download, Terminal, Puzzle } from 'lucide-react';
4+
5+
const challenges = [
6+
{
7+
id: 1,
8+
title: "Retro Game Crack Challenge",
9+
description: "Learn how to reverse engineer old game binaries. Download the game binary and follow the step-by-step guide to find the hidden key.",
10+
fileUrl: "/downloads/retro_game_binary.zip",
11+
level: "Beginner",
12+
},
13+
{
14+
id: 2,
15+
title: "Old Software Debugging",
16+
description: "This challenge will guide you through debugging an old piece of software using popular reverse engineering tools. Identify and patch a bug in the binary.",
17+
fileUrl: "/downloads/old_software_debug.zip",
18+
level: "Intermediate",
19+
},
20+
{
21+
id: 3,
22+
title: "Gadget Firmware Analysis",
23+
description: "Take apart the firmware of an old gadget and learn how to analyze its functionalities. Understand how the hardware and software interact.",
24+
fileUrl: "/downloads/gadget_firmware.bin",
25+
level: "Advanced",
26+
}
27+
];
28+
29+
const ReverseEngineeringLab = () => {
30+
return (
31+
<div className="min-h-screen bg-gradient-to-t from-gray-100 via-white to-gray-50 text-gray-800 p-8 sm:p-16">
32+
<header className="flex flex-col md:flex-row justify-between items-center mb-16">
33+
<div className="mb-8 md:mb-0">
34+
<h1 className="text-4xl sm:text-6xl font-bold leading-tight text-blue-600">Reverse Engineering Lab</h1>
35+
<p className="text-lg sm:text-xl mt-4">Learn the basics of reverse engineering by diving into hands-on challenges involving old software, games, and gadgets.</p>
36+
</div>
37+
<Puzzle size={64} className="text-blue-600 animate-bounce" />
38+
</header>
39+
40+
{/* Challenges Section */}
41+
<div className="max-w-6xl mx-auto grid grid-cols-1 md:grid-cols-2 gap-12 mb-16">
42+
{challenges.map((challenge) => (
43+
<div key={challenge.id} className="bg-blue-50 rounded-md shadow-lg p-8 border-l-4 border-blue-600 transition-transform transform hover:-translate-y-2 hover:shadow-2xl">
44+
<div className="flex items-start gap-4 mb-4">
45+
<Terminal size={32} className="text-blue-500" />
46+
<h3 className="text-3xl font-bold">{challenge.title}</h3>
47+
</div>
48+
<p className="text-lg text-gray-700 mb-4">{challenge.description}</p>
49+
<span className="inline-block mb-4 text-sm text-gray-600 font-semibold">Level: {challenge.level}</span>
50+
<a href={challenge.fileUrl} download className="inline-flex items-center bg-blue-500 text-white px-4 py-2 rounded-md shadow-md hover:bg-blue-600 transition-all">
51+
<Download size={20} className="mr-2" /> Download Challenge
52+
</a>
53+
</div>
54+
))}
55+
</div>
56+
57+
{/* Step-by-Step Guides Section */}
58+
<section className="max-w-6xl mx-auto mb-16 bg-blue-100 p-10 rounded-md shadow-lg">
59+
<h2 className="text-3xl font-bold mb-6 text-blue-700">Step-by-Step Guides</h2>
60+
<ul className="list-decimal list-inside space-y-4 text-gray-800">
61+
<li>Understand the basics of how software works to be better at reverse engineering.</li>
62+
<li>Use tools like Ghidra, IDA Pro, or Radare2 to disassemble binaries and inspect their internals.</li>
63+
<li>Follow our guides to learn how to extract, analyze, and modify executable code safely.</li>
64+
<li>Work with old software and games to get hands-on practice without risking current technologies.</li>
65+
</ul>
66+
</section>
67+
68+
{/* Tools and Resources Section */}
69+
<section className="max-w-6xl mx-auto mb-16 p-10 bg-white rounded-md shadow-md border border-gray-200">
70+
<h2 className="text-3xl font-bold mb-4 text-blue-700">Tools and Resources</h2>
71+
<p className="text-lg text-gray-700 mb-6">Here are some popular tools and resources you can use to begin your journey in reverse engineering:</p>
72+
<div className="flex flex-wrap gap-6">
73+
<div className="bg-blue-50 p-6 rounded-md shadow-sm flex-1 min-w-[250px]">
74+
<h3 className="text-xl font-bold mb-2">Ghidra</h3>
75+
<p className="text-sm text-gray-600">An open-source reverse engineering tool developed by the NSA that helps you decompile software and analyze its inner workings.</p>
76+
</div>
77+
<div className="bg-blue-50 p-6 rounded-md shadow-sm flex-1 min-w-[250px]">
78+
<h3 className="text-xl font-bold mb-2">IDA Pro</h3>
79+
<p className="text-sm text-gray-600">A powerful disassembler used by professionals for software reverse engineering, known for its extensibility and interactive analysis capabilities.</p>
80+
</div>
81+
<div className="bg-blue-50 p-6 rounded-md shadow-sm flex-1 min-w-[250px]">
82+
<h3 className="text-xl font-bold mb-2">Radare2</h3>
83+
<p className="text-sm text-gray-600">An open-source framework for reverse engineering and analyzing binaries, known for its versatility and scriptable nature.</p>
84+
</div>
85+
</div>
86+
</section>
87+
88+
{/* Footer Section */}
89+
<footer className="text-center pt-12 pb-6 border-t border-gray-300">
90+
<p className="text-lg text-gray-600">Thanks for exploring the Reverse Engineering Lab. Take on a challenge today and unlock the mysteries of old software and gadgets!</p>
91+
<button className="mt-4 bg-blue-600 text-white px-6 py-3 rounded-md shadow-md hover:bg-blue-700 transition-all">
92+
Start Your Challenge
93+
</button>
94+
</footer>
95+
</div>
96+
);
97+
};
98+
99+
export default ReverseEngineeringLab;

‎src/app/(pages)/Voyages/page.jsx‎

Lines changed: 97 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,97 @@
1+
"use client"
2+
import React from 'react';
3+
import { BarChart2, Globe } from 'lucide-react';
4+
5+
const datasets = [
6+
{
7+
id: 1,
8+
title: "Tech Trends Over Time",
9+
description: "Explore the rise and fall of different technologies over the last 20 years. This animated infographic lets you visualize how certain programming languages and tech stacks gained popularity.",
10+
mediaUrl: "/voy1.png",
11+
type: "Infographic",
12+
},
13+
{
14+
id: 2,
15+
title: "Global Internet Usage",
16+
description: "Discover the journey of internet adoption across different continents. This animated visualization highlights internet penetration rates by year.",
17+
mediaUrl: "/voy2.jpeg",
18+
type: "Infographic",
19+
},
20+
{
21+
id: 3,
22+
title: "Community Engagement Stats",
23+
description: "This infographic shows how community engagement activities, including workshops and hackathons, have increased over time in GDG chapters globally.",
24+
mediaUrl: "/voy3.png",
25+
type: "Infographic",
26+
}
27+
];
28+
29+
const DataVoyages = () => {
30+
return (
31+
<div className="min-h-screen bg-gradient-to-b from-gray-900 via-gray-800 to-black text-gray-100 p-8 sm:p-16">
32+
<header className="flex flex-col md:flex-row justify-between items-center mb-16">
33+
<div className="mb-8 md:mb-0">
34+
<h1 className="text-4xl sm:text-6xl font-bold leading-tight text-teal-400">Data Voyages</h1>
35+
<p className="text-lg sm:text-xl mt-4">Visualize fascinating datasets related to tech trends, social impact, and community engagement through creative, animated infographics.</p>
36+
</div>
37+
<Globe size={64} className="text-teal-400 animate-spin-slow" />
38+
</header>
39+
40+
{/* Dataset Visualization Section */}
41+
<div className="max-w-6xl mx-auto grid grid-cols-1 md:grid-cols-2 gap-12 mb-16">
42+
{datasets.map((dataset) => (
43+
<div key={dataset.id} className="bg-gray-800 rounded-md shadow-lg p-8 border-l-4 border-teal-500 transition-transform transform hover:-translate-y-2 hover:shadow-2xl">
44+
<div className="flex items-start gap-4 mb-4">
45+
<BarChart2 size={32} className="text-teal-300" />
46+
<h3 className="text-3xl font-bold">{dataset.title}</h3>
47+
</div>
48+
<p className="text-lg text-gray-300 mb-4">{dataset.description}</p>
49+
<img src={dataset.mediaUrl} alt={dataset.title} className="w-full rounded-md shadow-md" />
50+
</div>
51+
))}
52+
</div>
53+
54+
{/* Why Data Visualization Matters Section */}
55+
<section className="max-w-6xl mx-auto mb-16 bg-gray-800 p-10 rounded-md shadow-lg">
56+
<h2 className="text-3xl font-bold mb-6 text-teal-400">Why Data Visualization Matters</h2>
57+
<p className="text-lg text-gray-300 mb-6">
58+
Data visualization helps us make sense of large volumes of data by presenting information in an engaging and accessible format. It allows us to see patterns, trends, and insights that might otherwise be hidden in raw numbers.
59+
</p>
60+
<ul className="list-disc list-inside space-y-4 text-gray-300">
61+
<li>Visual storytelling makes complex data easier to understand and interpret.</li>
62+
<li>Animated infographics capture attention and help convey information in a dynamic way.</li>
63+
<li>Understanding data trends empowers communities and drives informed decision-making.</li>
64+
</ul>
65+
</section>
66+
67+
{/* Tools and Resources for Visualization Section */}
68+
<section className="max-w-6xl mx-auto mb-16 p-10 bg-gradient-to-b from-gray-800 to-black rounded-md shadow-md">
69+
<h2 className="text-3xl font-bold mb-4 text-teal-400">Tools and Resources for Visualization</h2>
70+
<div className="flex flex-wrap gap-6">
71+
<div className="bg-gray-900 p-6 rounded-md shadow-sm flex-1 min-w-[250px]">
72+
<h3 className="text-xl font-bold mb-2 text-teal-300">D3.js</h3>
73+
<p className="text-sm text-gray-400">A powerful JavaScript library for producing dynamic, interactive data visualizations in web browsers.</p>
74+
</div>
75+
<div className="bg-gray-900 p-6 rounded-md shadow-sm flex-1 min-w-[250px]">
76+
<h3 className="text-xl font-bold mb-2 text-teal-300">Tableau</h3>
77+
<p className="text-sm text-gray-400">A leading platform for data visualization that helps users convert data into dashboards and visual insights.</p>
78+
</div>
79+
<div className="bg-gray-900 p-6 rounded-md shadow-sm flex-1 min-w-[250px]">
80+
<h3 className="text-xl font-bold mb-2 text-teal-300">Chart.js</h3>
81+
<p className="text-sm text-gray-400">A simple yet flexible JavaScript charting library that allows you to create engaging data visualizations.</p>
82+
</div>
83+
</div>
84+
</section>
85+
86+
{/* Footer Section */}
87+
<footer className="text-center pt-12 pb-6 border-t border-gray-700">
88+
<p className="text-lg text-gray-400">Thanks for exploring Data Voyages. Dive into our visualizations and see what insights you can discover!</p>
89+
<button className="mt-4 bg-teal-600 text-white px-6 py-3 rounded-md shadow-md hover:bg-teal-700 transition-all">
90+
Explore More Data
91+
</button>
92+
</footer>
93+
</div>
94+
);
95+
};
96+
97+
export default DataVoyages;

0 commit comments

Comments
 (0)