You do not have to use all these resources. Use whatever fits your needs.
Development Tools
- Scratch Programming - block based enviorment for making games and animations
- Web Development:
- HTML, CSS, JavaScript Tutorials - Learn the basics to create your own website or web app
- Repl.it - Recommended environment for collaborative coding with your team
- Codepen.io
- GitHub Pages
- Mobile App Development
- App Lab - create mobile apps using blocks or javascript code!
- Design / User Interface
- Figma - design the look of your website or app
Hackathon Prep Videos
If you'd like to see the above development tools in action, view our hackathon prep workshop playlist.
Tools for Demo Video
Here are some tools to help you with your demo video.
Screen recording
How to Record Your Screen with OBS - You can use a screen recorder to demo your project
Screen Recorder Chrome Extension
Logo Making
Canva - Make quick graphics and logos for your project