Ambrosia

• 

  Ambrosia Logo

Inspiration

Imagine that your a high school senior applying to college. You have tons of ideas for your applications, and are stressed out trying to keep track of all your applications and essays. On top of that, you are trying to apply to leadership positions, internships, scholarships, and maybe even get a job. You make a spreadsheet, but are unable to ever find anything you need. That's where Ambrosia comes in. Ambrosia is a sweet and simple way to organize any applications, essays, or assignments.

What it does

It allows you to organize your applications and assignments, and has a search bar to help you find things quickly. It creates a profile for you to save your list to.

How we built it

I used Qoom to code the whole website because of it's database capabilities. The home page was designed with Canva, then embedded into Qoom. I used HTML for the basics of the website, and CSS for styling. I used JavaScript for the table and for the logout and login function.

Challenges we ran into

It was hard to get the login and signup button to work, as I have never used a database before. Along the same lines, it was difficult to add things to the database from the application table. Another challenge I ran into was embedding the Canva homepage while not covering up the navigation bar, but I ended up simply putting the navigation bar in the Canva embed, and it actually looks better than the original idea. It was also hard to make the search bar. Most of these challenges were minor mistakes, like missing a semicolon or an extra bracket, but it took hours of debugging to figure out.

Accomplishments that we're proud of

I am very proud of the homepage I made with Canva. I never knew you could make websites with Canva until now, and I love how it turned out. I am also very proud of the search bar. It was hard to make, and can out surprisingly well.

What we learned

I learned how to make a database with Qoom, use Canva for websites, making a table, and making a search bar. I also learned almost all of the Javascript I used in this project. Before this hackathon, I have mostly used just HTML and CSS, and I might have occasionally used Javascript, but not nearly as much as I used in this one. I also learned how make an account system with the database, which I have never done before.

What's next for Ambrosia Applications

I have a lot of things I would like to add to this website, including allowing users to add more rows, more filter options, resume builders and templates, blog posts with career tips and tricks , resume and application reviews, and a lot more. I really enjoyed making this website, so I can't wait to add more to it!

Built With

• canva
• css
• html
• qoom