A simple, beginner-friendly web app to help you explore Arc Testnet. Built while learning web3 development! 🌱
Hi! I'm aki hayaka, and I'm still learning how to build web3 applications. This is one of my early projects, so please bear with me if you find any bugs or rough edges! 😅
This checklist was created to help myself (and hopefully others!) navigate the Arc Testnet ecosystem. If you're new to blockchain like me, this tool makes it super easy to:
- ✅ Track your learning progress
- 🦊 Set up MetaMask with one click
- 💸 Send test transactions
- 📝 Deploy your first smart contract
- 🤝 Interact with deployed contracts
This is a visual checklist for completing essential Arc Testnet tasks. Think of it as a guided tour for blockchain beginners!
- Progress Tracking - See how many tasks you've completed
- One-Click MetaMask Setup - Automatically adds Arc Testnet to your wallet
- Easy Send Transactions - Simple UI for sending USDC to friends
- Smart Contract Deployment - Deploy contracts without writing code
- Interactive Contract Functions - Call functions with just a button click
- Local Storage - Your progress saves automatically
- Claim Testnet USDC - Get free test tokens from the faucet
- Setup MetaMask for Arc - Add Arc Testnet network automatically
- Send Test Transaction - Practice sending USDC to other addresses
- Deploy Smart Contract - Deploy a SimpleStorage contract
- Interact with Contract - Store and retrieve numbers on-chain
- Share Experience - Tweet about your journey!
I'm learning these technologies:
- HTML/CSS/JavaScript - Frontend basics
- Web3.js concepts - Blockchain interactions
- MetaMask Integration - Wallet connections
- Solidity - Smart contract language (very beginner level!)
Just visit the live site: [https://aki-hayaka-arc.vercel.app/]
If you want to explore the code:
# Clone this repo
git clone https://github.com/akihayakaa/arc-testnet-checklist.git
# Navigate to the folder
cd arc-testnet-checklist
# Open index.html in your browser
# That's it! No build steps needed 🎉- A web browser (Chrome, Firefox, or Brave recommended)
- MetaMask extension installed (Get it here)
- Some patience with a fellow learner! 😊
- Open the website
- Start with Task 1 - Claim testnet USDC
- Follow each task in order - They build on each other
- Check off tasks as you complete them - Progress saves automatically
- Try the Deploy page - Click "Deploy Smart Contract" to access advanced features
- Use the "Send to Frens" feature to test transactions (you can even use my wallet address that's suggested!)
- The SimpleStorage contract is perfect for learning - it just stores a number
- All data is stored locally in your browser, so you can pick up where you left off
I'm aware of these issues and learning how to fix them:
- Sometimes the deployment needs a page refresh to show up
- Error messages could be more helpful
- Mobile layout could be improved
- Need better loading indicators
Found a bug? Please let me know! I'm learning and appreciate any feedback. 🙏
I'm super open to contributions! Whether you're:
- A fellow learner who wants to improve the code
- An experienced dev who can teach me better practices
- Someone who found a typo
- Anyone with suggestions!
All contributions are welcome! Don't hesitate to:
- Fork this repo
- Make your changes
- Submit a Pull Request
I'll review it and probably learn something new! 📚
Building this project taught me:
- ✅ How to integrate MetaMask with a website
- ✅ Understanding blockchain transactions
- ✅ Working with smart contract ABIs and bytecode
- ✅ Handling async JavaScript with web3
- ✅ Creating responsive UIs
- ✅ Managing state with localStorage
- ❌ There's still SO MUCH I don't know! 😅
- Arc Team - For building an awesome testnet
- Circle - For the USDC faucet
- MetaMask - For making web3 accessible
- The Web3 Community - For all the tutorials and documentation
- You - For checking out my project! Thank you! 🌟
This is a learning project and an unofficial community tool.
- I'm still learning, so use at your own risk
- Always verify information from official Arc sources
- This is testnet only - no real money involved
- Not affiliated with Arc or Circle
I'd love to hear from you!
- Twitter/X: @aki_hayaka
- GitHub: @akihayakaa
Feel free to reach out if you have:
- Questions about the code
- Suggestions for improvement
- Just want to say hi!
MIT License - Feel free to use this code for learning!
See LICENSE file for details.
If this helped you learn something new, consider:
- ⭐ Starring this repo
- 🐦 Sharing it on Twitter
- 🤝 Contributing improvements
- 💬 Leaving feedback
Every bit of encouragement helps a learner like me! 🚀
Made with ❤️ while learning web3
"Everyone starts somewhere. This is my somewhere." 🌱
If you found this helpful, please consider giving it a star! It really motivates me to keep learning and building.
- ✅ Initial release
- ✅ Basic checklist functionality
- ✅ MetaMask integration
- ✅ Send USDC feature
- ✅ Smart contract deployment
- ✅ Contract interaction UI
- 🔮 More contract templates
- 🔮 Better error handling
- 🔮 Tutorial mode with step-by-step guides
- 🔮 Dark/Light theme toggle
- 🔮 Multi-language support?
Happy Learning! 🎓
If I can learn this, so can you!