Giter Club home page Giter Club logo

thank-you-react's Introduction

Contribute

Fork this repo and make updates then create a PR with what you updated and I will merge as quickly as possible. Make sure to git pull before working on your changes.
Here's a quick tutorial on basic git contribution: https://akrabat.com/the-beginners-guide-to-contributing-to-a-github-project/

Setup

Make sure you have node installed.
run npm install
then npm start
then start coding.
After you are done, then make sure to create a PR.

Plans

  • Setup React Router
  • For front page, copy more of the site.
  • For second page, find a pdf viewer etc. And set up confetti.
  • Refactor theme, bc top and bottom of layout is always the same, so make one theme use twice. (low prio)

thank-you-react's People

Contributors

d3r3j3 avatar ericluap avatar fizykz avatar randomlylelo avatar rezatachi avatar

Stargazers

 avatar

Watchers

 avatar

thank-you-react's Issues

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.

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.

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

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.

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.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.