GDSC From idea to realization - Web3Hub

1. WEB3HUB
Andrija Gajic
CTO@web3hub
Launch & fund projects, connect teams, and
empower communities in the Web3 ecosystem

2. Team
Nick Cardona(CEO) - visionary leader who is passionate about the potential of web3
technology. As a leader in the web3 community, he has organized several successful
web3 meetups in Central Florida, where he has fostered a strong network of like-minded
individuals. His mission is to bring the benefits of web3 to a wider audience, and he
is committed to building a platform that will make this vision a reality.
Andrija Gajic(CTO) - As a CTO with experience building blockchain and
cloud-based apps, he brings strong problem-solving skills to the table. He has a
proven track record of developing successful applications and a wealth of
technical expertise that he uses to bring strategic vision to the team.
Ilija Gajic(UI/UX) - talented professional with extensive experience in designing
websites that seamlessly blend metaverse and web3 elements. With a keen eye for
aesthetics and an in-depth understanding of the latest design trends, He brings a
fresh perspective to every project He undertakes. His ability to incorporate the
latest web3 technology into his designs creates a unique user experience that sets our
platform apart from the rest. His creativity, attention to detail, and passion for
design make him an invaluable member of our team.

3. Community page - By fostering collaboration, knowledge-sharing, and networking, the Community Page will
empower enthusiasts, developers, and newcomers alike to engage in meaningful conversations and contribute to the
growth of the web3 ecosystem. Moreover, it will help bridge the gap between traditional web users and web3
technology, making it more accessible and encouraging the development of innovative decentralized applications that
reshape the digital landscape.
Project structure
Launchpad page - By providing a dedicated space for project creators to showcase their ideas, the Launchpad
enables potential collaborators and investors to discover and join groundbreaking initiatives. Leveraging the power of
cryptocurrency, the platform facilitates seamless fundraising, allowing projects to tap into a global network of
supporters and fuel their growth. Ultimately, the Web3Hub Launchpad accelerates the development and adoption of
web3 technologies, spurring creativity and fostering a thriving ecosystem of decentralized solutions.
Jobs page(in progress) - The Web3Hub Jobs platform serves as a dedicated marketplace connecting
talented individuals with exciting opportunities in the web3 space. By offering a centralized location for job seekers
and employers to post and apply for web3-focused positions, the platform simplifies the hiring process and
accelerates the growth of the decentralized ecosystem. With the option to receive payments in cryptocurrencies and
stablecoins, the Jobs platform not only encourages the adoption of digital currencies but also empowers
professionals to work in a truly borderless and innovative environment.

4. Allows user to look for communities by filters, join and create your own community
Community page

5. Allows user to list own projects, find members for their team, get funded using
crypto and stable coins and vote/downvote for projects.
Launchpad page

6. Allows user to apply for jobs, create jobs and pay/get paid in crypto and stable
coins
Jobs page

7. Backend
• React.js with typescript
• Redux for state management
• React testing library for testing
• Metamask, coinbase and phantom wallet for authentication
Tech stack used:
Frontend
• Express.js AWS lambda integration
• AWS S3 for storing files
• Postgresql for database (initially dynamodb multi table design)
• REST API (initially graphql)
Blockchain
• Ethereum smart contracts (solidity)
• Solana programms(rust)

8. Software architecture

9. import { useEffect } from 'react';
import * as nsfwjs from 'nsfwjs';
import Swal from 'sweetalert2';
import withReactContent from 'sweetalert2-react-content';
const ReactAlert = withReactContent(Swal);
export enum PredictionName {
NEUTRAL = 'Neutral',
PORN = 'Porn',
SEXY = 'Sexy',
DRAWING = 'Drawing',
HENTAI = 'Hentai'
}
let explicitContentModel: nsfwjs.NSFWJS;
async function loadAndCacheModel(): Promise<nsfwjs.NSFWJS> {
let model;
try {
model = await nsfwjs.load('indexeddb://explicit-content-detection');
} catch (err) {
console.log(err);
model = await nsfwjs.load();
// Cache the model in IndexedDB
await model.model.save('indexeddb://explicit-content-detection');
}
return model;
}
const useExplicitContentDetection = (id: string, file: string | ArrayBuffer, setFile: Function) => {
useEffect(() => {
(async () => {
explicitContentModel = await loadAndCacheModel ();
})();
}, []);
useEffect(() => {
const imageElement = document.getElementById (id);
if (!explicitContentModel || !imageElement || !file) {
return;
}
(async () => {
let predictions = await explicitContentModel .classify(imageElement as HTMLImageElement );
let predictionsSorted = predictions.sort((prediction1, prediction2) =>
prediction2.probability - prediction1.probability);
// sometimes model doesn't load correctly and it predicts neutral 0.78830... few times
before it works
while (predictionsSorted [0].probability.toString().startsWith('0.78830')) {
predictions = await explicitContentModel .classify(imageElement as HTMLImageElement );
predictionsSorted = predictions.sort((prediction1, prediction2) =>
prediction2.probability - prediction1.probability);
}
console.log('Predictions: ' , predictionsSorted );
if (
predictionsSorted [0].className === PredictionName .HENTAI ||
predictionsSorted [0].className === PredictionName .PORN ||
predictionsSorted [0].className === PredictionName .SEXY
) {
setFile('');
ReactAlert.fire({
title: 'Image upload failed' ,
text: 'Explicit content not allowed' ,
confirmButtonColor: '#027FDB',
});
}
})();
}, [id, file, setFile]);
};
export default useExplicitContentDetection;

10. Current technology focus
- smart contracts on solana and ethereum to allow user to get funding for their
projects
- own stable coin for project funding and job payments
- smart contracts for job payments
- jobs page
- chat system for users to communicate for job related and project related info
- migration from postgresql to dynamodb single table design to increase
performance

11. Current business focus
- raise funding from crowdfunding campaigns
- invest in marketing campaigns and hire 2 developers
- find users in web3 space to create content on the website
- find users that are still not in web3 but could benefit from it
- find investors and further invest into project development

12. Thank you for your attention.
Questions?