Inspiration: We wanted to create a planning tool that was specifically made for students here at Arizona State University, with features that keep our sundevils productive and successful.
What it does: In this digital planner, our main features are a “to do list”, where users can add their tasks to a list. When these tasks are completed, the user can cross them out, and delete the past task from the list. To add a fun twist, we added a gamification feature where by completing tasks, users can watch “Sparky”, ASU’s mascot, grow up. This is because every time the user completes a task, they are “suns”, which help sparky grow. This allows users to stay motivated as they want to complete more tasks to watch Sparky grow. Features that we have in progress include a calendar, a habit tracker, and reminders. These features combined, keep Sun Devils in
How we built it: We used Javascript, CSS, and HTML to develop this website. We used VS Code as our IDE and used Github to collaborate on the code across members.
Challenges we ran into: For many of us in the group, this was our first time using github. This created a steep learning curve in understanding how to successfully collaborate on projects, and how to push and send requests. Additionally, we planned to use the framework REACT, which we were all learning for the first time. We realized that this was too complicated to implement for what we were designing, and due to time constraints, it would better serve us to pursue our project in a different way.
Accomplishments that we're proud of: We are incredibly proud of developing this website, as it is a first for many of us, just as is participating in a hackathon. Devil’s Agenda has a practical use, and would be helpful in managing our busy schedules as students, and so its usability and originality is something we are proud of.
What we learned: This project gave us all so much experience in front end development. We learned about the REACT framework and Github for the first time. We also learned about how to develop a web interface using HTML, CSS, and Javascript, and how to use javascript and REACT to allow user interactions to the webpage.
What's next for Devils Agenda:
AI Chatbot: Students can plug in their class syllabus into a chat bot, where it will add all assignment, quiz, and exam dates to the “Devil’s Agenda” calendar. API Calendar: As we develop the calendar feature, we want to integrate an API of ASUs Academic Calendar in the backend, so that the students personal calendar and academic calendar are synced and in one spot.
Built With
- css
- hmtl
- javascript
Log in or sign up for Devpost to join the conversation.