-
-
logo
Inspiration
I chose to make this project because I felt like it fit well with education, because during coronavirus where many people are going to school online, it helps to have your things organized in one place. And schoolwork equals stress, so when you have an education app you need a place to calm and relax, which is why I added the relaxation page.
What it does
On the header, there is a logo, a relaxation button, and an add button. When you press the add button there are four types of frame boards you can add: a list of your goals, an event you want to participate in, flashcards, as well taking a picture of your homework. You can even add extra tasks to your to-do list. Once the relaxation button is pressed, you will be led to a separate screen that includes music, customizable animated gradient backgrounds, and calming and relaxing music to support your mental health. You also have the ability to press the back button to go back to the landing screen.
How I built it
I used javascript html and css to make this site. I didn't use APIs and outside resources like node.js or frameworks like react. I didn't even use Jquery. I built it using 2 html files and lots of js and css files.
Challenges we ran into
Some challenges I faced were in javascript when things just simply didn’t work, and some css in the project had a lot of glitches, so it took quite some time to fix. Other than that, the html and most of the css/javascript went smoothly, and it was a lot of fun to see my code in action. In the future, I would like to see this implemented where teachers can view other kid’s boards, to see what is going on and what they feel.
Accomplishments that we're proud of
What we learned
I learned a lot of css and javascript from this experience, because a lot of the things I did here are very different from other projects I have done in the past.
What's next for FlipEdge
I want to make teacher see your flipedge, saving data to server, and teacher create flashcards for you.
Log in or sign up for Devpost to join the conversation.