randomlylelo / thank-you-react

Hi there 👋

thank-you-react's Issues

Setup react router.

I already installed react router.

Doing through index.js is the easiest BUT not really recommended. I would reccomend seperating the code in App.js into FrontPage.js and SecondPage.js and have the router there.

Just follow the quick start guide: https://reactrouter.com/web/guides/quick-start

Confetti for the second page

Just like Caltech's website, we want to clone the confetti feature.

This will be worked on after the creation of the second page and reactor router is set up.
Setup from #9

Front page video

We plan on having a video on the front page so find a video player for js or maybe look into embed videos?

Please discuss the idea here.

Refactor Layout

I noticed that the general theme, top bar & bottom bar, and the middle body is usually the same through the two links, I recommend refactoring the styles into classes and have a custom Layout where it can be called and the white middle body will be the same. You would do this through react, exporting an custom component through a file like layout.js. No need for tailwindcss classes here.

This will make the code more readable and allows for reusablity of previously written code.
Low prioirity. As for we can just copy and paste the front page code to second page and then modify as we please. But this would be a useful task to learn react classes etc.

PDF Viewer

We will have a google doc with everyone's handwritten scanned thank you notes that we want to export as a pdf.

For this, I want a pdf viewer like the one on Caltech's site that would show everyone's signatures that could have an easy download option.

I have not looked into this, so I am looking for suggestions on what to use etc.

Confetti Doesn't Stop on Page Change

If the user goes back to the main page, the confetti should stop falling and should all be cleared.

Adding more info to front page.

So as of right now, we just have the bare minimum for the app to work, someone suggested through discord (credits Arnav), to have more detail:

"We could try to replicate as much as possible of the portal with our own spin on it. For example, perhaps add some form of a checklist to mimic the one that they have on their portal (this isn't the prefrosh portal though but you get the idea)"

I fully agree with this idea but since this is low prioirty, making this an issue if anyone wants to work on it if everything is being worked on.