Skip to content

smmariquit/SkillMint

Β 
Β 

Repository files navigation

SkillMint Logo

React Motoko ICP Internet Identity Canister Storage GitHub Figma Excalidraw

SkillMint

Live Demo: https://ns4pw-yyaaa-aaaam-aelaa-cai.icp0.io

Empowering ICT Students through Decentralized Proof of Skills

SkillMint is a Web3 platform that enables college-level ICT studentsβ€”especially those in provincial areas of the Philippinesβ€”to build verifiable skill portfolios, discover tech events, and earn blockchain-backed credentials and token rewards.


Project Overview

SkillMint is a decentralized platform designed to empower college-level ICT studentsβ€”particularly those in provincial areas of the Philippinesβ€”by helping them build verifiable, blockchain-based portfolios. Through participation in hackathons, bootcamps, and tech seminars, students can earn NFT credentials and token rewards, showcasing their growth and skills in a trusted, transparent way. SkillMint also provides tools for event organizers to manage participation and issue verifiable badges, with plans to integrate into school systems for broader adoption. Powered by the Internet Computer Protocol (ICP), SkillMint ensures security, scalability, and accessibility for the next generation of tech talent.


flowchart TD
  A["Frontend: React.js"] -->|"API Calls"| B["Backend: Motoko (ICP Canister)"]
  B -->|"On-chain Storage"| C["ICP Native Canister Storage"]
  A -->|"Auth"| D["Internet Identity"]
  B -->|"Token/NFT Logic"| E["SMT Token (off-chain, ICRC planned)"]
  subgraph DevTools
    F["GitHub"]
    G["Figma"]
    H["Excalidraw/draw.io"]
  end
  F -.-> A
  G -.-> A
  H -.-> A
  style DevTools fill:#f9f,stroke:#333,stroke-width:2px
Loading

SkillMint leverages a modern Web3 stack: React.js frontend, Motoko smart contracts on ICP, Internet Identity for auth, and native canister storage for secure, scalable, and decentralized student credentialing.


Problem It Solves

  • Lack of credible proof for extracurricular learning
  • Limited access to national-level events for students in provinces
  • Scattered or fake digital credentials
  • Low motivation for students to join events without clear benefits
  • No trusted system for organizers to verify participation

Solution Overview

SkillMint provides:

  • Student Portfolios secured by blockchain (ICP)
  • Event Discovery and application system
  • NFT Credentialing and token rewards for verified participation
  • Organizer Tools for event creation, verification, and token allocation
  • Future Integration with school systems (e.g., LMS, registrar offices)

Target Users

  • Primary: ICT-related college students in the Philippines (especially outside Metro Manila)
  • Secondary: Student orgs, tech companies, academic institutions hosting events

Tech Stack

Layer Technology
Frontend React.js
Backend Motoko (Internet Computer Protocol)
Blockchain Internet Computer Protocol (ICP)
Auth Internet Identity
Storage ICP Native Canister Storage
Dev Tools GitHub, Figma, Excalidraw, draw.io

Roadmap

Phase Milestone Timeline
1 MVP (profile + events + basic verification) June 2025
2 Token reward system + school onboarding Q3 2025
3 University pilot + school system integrations Q4 2025
4 SMT token on-chain (ICRC standard) Q1 2026

🧠 Key Features

  • πŸŽ“ Blockchain-secured student profiles
  • πŸ›  Portfolio builder (GitHub links, NFT badges, certificates)
  • πŸ“… Event discovery and application
  • πŸ† Token rewards for participation and wins
  • πŸ§‘β€πŸ« Organizer dashboards for verification and management
  • πŸ” Internet Identity-based login (no wallets needed at MVP)

πŸͺ™ Token System (SMT - SkillMint Token)

Activity Reward
Event Attendance +10 SMT
Event Completion +20 SMT
Competition Win (1st–3rd) +50–100 SMT
Peer Feedback +5 SMT
Referral/Invites +10 SMT

Tokens will be off-chain in MVP and transition to ICRC-based on-chain format post-hackathon.


🌐 Why ICP?

  • πŸ” Seamless login via Internet Identity
  • ⚑ Fast, web-native dApps with Motoko
  • πŸ“¦ On-chain data storage (no IPFS bridges needed)
  • πŸ’Έ Low-cost smart contracts + NFT minting
  • πŸ”„ Future-proof token interoperability (ICRC standards)

πŸ‘¨β€πŸ‘©β€πŸ‘§β€πŸ‘¦ The Team

  • Marlon Vincent G. Laurenciana – Project Manager
  • Rhyen Jan O. Natividad – Tech Lead
  • Loyd Martin B. Vendiola – Backend Developer
  • Simonee Ezekiel Mariquit – Frontend Developer
  • Angela N. Tallon – Designer

πŸͺ„ Call to Action

We're looking for:

  • πŸŽ“ School partners for pilot integrations
  • 🏒 Event organizers and tech sponsors
  • πŸ’‘ Mentors, developers, and community supporters

Reach out via LT05marc@gmail.com.

skillmint

Welcome to your new skillmint project and to the Internet Computer development community. By default, creating a new project adds this README and some template files to your project directory. You can edit these template files to customize your project and to include your own code to speed up the development cycle.

To get started, you might want to explore the project directory structure and the default configuration file. Working with this project in your development environment will not affect any production deployment or identity tokens.

To learn more before you start working with skillmint, see the following documentation available online:

If you want to start working on your project right away, you might want to try the following commands:

cd skillmint/
dfx help
dfx canister --help

Running the project locally

If you want to test your project locally, you can use the following commands:

# Starts the replica, running in the background
dfx start --background

# Deploys your canisters to the replica and generates your candid interface
dfx deploy

Once the job completes, your application will be available at http://localhost:4943?canisterId={asset_canister_id}.

If you have made changes to your backend canister, you can generate a new candid interface with

npm run generate

at any time. This is recommended before starting the frontend development server, and will be run automatically any time you run dfx deploy.

If you are making frontend changes, you can start a development server with

npm start

Which will start a server at http://localhost:8080, proxying API requests to the replica at port 4943.

Note on frontend environment variables

If you are hosting frontend code somewhere without using DFX, you may need to make one of the following adjustments to ensure your project does not fetch the root key in production:

  • setDFX_NETWORK to ic if you are using Webpack
  • use your own preferred method to replace process.env.DFX_NETWORK in the autogenerated declarations
    • Setting canisters -> {asset_canister_id} -> declarations -> env_override to a string in dfx.json will replace process.env.DFX_NETWORK with the string in the autogenerated declarations
  • Write your own createActor constructor

About

πŸŒπŸŽ“ Empowering ICT students through decentralized proof of skills

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages

  • JavaScript 76.7%
  • Motoko 14.3%
  • TypeScript 8.6%
  • Other 0.4%