Citation Maker

• 

  App having made a citation for a newspaper article

Inspiration

I was inspired by my own experiences in highschool (only a year ago). I used Canva often, and usually found creating the citations for my sources the most annoying part of the process. That is why I made the Citation Maker

What it does

This app will take a number of given URLs and create citations from them. The citations will be complete if all information is found, but will have error messages in square brackets [] if some information is not found.

How we built it

I built the app by first creating a basic UI for the user, and then manually scraping webpages to find patterns in how the info is given. I did this for newspapers, and scientific article webpages.

Challenges we ran into

One of the challenges I ran into was making the citation text the correct font size. It took me an embarrassingly long amount of time to figure out how to create text in a readable size.

Accomplishments that we're proud of

I'm proud of this entire project. It's my first foray into frontend and backend programming. Additionally, I am proud to say I have created an app I myself would use in using Canva.

What we learned

I learned about HTTP requests, information such as how an HTTP request is sent, how a response is sent, and how requests and responses are processed.

What's next for Citation Maker

If I were to ever learn how to change the app on the fly, I would add functionalities of current citation makers; A place to view all the citations currently in memory, with editing for any missing information, and a color coding system for how much information is missing. I would add A manual citation maker. Finally, I would add support for the various other citation formats, such as Chicago, and IEEE.

Built With

• node.js
• typescript