HYLAND TECH OUTREACH PORTAL (HyTOP)
an online IDE for Hyland Tech Outreach programs
Description
This application will allow Hyland Tech Outreach students to create, store, edit, share, and host web-based code projects.
Background & Motivation
For years, the Tech Outreach team has tried to find an online IDE that works. We have struggled immensely, especially because things change constantly. New features are added and old features are removed, price tiers shift, bugs pop up... it's hard to keep up. This project will be enormously helpful for our team, to help facilitate all of our programs effectively!
User Experience
We do not need to do anything too creative when it comes to defining the user experience. We can basically copy what Glitch or StackBlitz or Replit or CodePen or JsFiddle or VS Code for Edu do - we just need to make it simpler, faster, and free-er.
Essential Features
Some basic things we would like to have:
- Create websites with index.html, style.css, and script.js files
- Edit websites (if owned)
- Copy other people's websites
- HOST websites (actually allow people to view them as websites)
- Track a user's websites
- Good U.I. / strong brand
Nice-to-have Features
These are some features that would be beneficial:
- Admin panel for classroom management
- Make new files in a project
- Fancy text editing features
- Built-in lessons
Creativity
There will be several opportunities for creativity during this project. Many aspects exist beyond the actual coding:
- Art
- Design
- User Experience
- Marketing
Ultimately, the vision for the application will be determined by the intern team.
GitHub
The codebase is stored in this GitHub Repository:
https://github.com/hto-projects/hytop
Issues will be tracked in this GitHub Project:
https://github.com/orgs/hto-projects/projects/8
Current State
Currently, the application does not do much. There is a lot of work to be done.
The deployed application is hosted on render.
Copyright
All team members will be listed as copyright holders for the application codebase.
Additional Information
Check out these pages for more information: