To implement the "Join Us" feature to further enhance the Website and User interaction. The account people must follow is https://twitter.com/UsadaKensetsu. They must apply within usada-kensetsu.herokuapp.com to trigger the Bot to tweet the application, and for them to be able to see the generated PekoCard.
Refer to Designs below:
![image](https://user-images.githubusercontent.com/36124096/99180198-3769f780-275f-11eb-9924-258b5aeaf180.png)
The sticky join button animates from Screen 1 to Screen 2
![image](https://user-images.githubusercontent.com/36124096/99180276-c545e280-275f-11eb-85b1-3929c5230429.png)
Will study how to implement this, but we might need to require users to login via their Twitter account.
![image](https://user-images.githubusercontent.com/36124096/99184073-7b6af580-277b-11eb-9492-c783f950acab.png)
CARD DESIGN: We can create a template of the design where we only replace the NAME, ID, SCREEN_NAME and QR CODE
NAME: The name should be truncated up to a maximum of 10 characters to prevent the overflow of the design, or find a way to decrease font size to fit the name. The maximum characters of the Twitter name are 50 characters
ID: This one refers to the Twitter ID of the user.
QR CODE: For the QR Code to be generated at the back of the PekoCard, we will use this generator:
https://www.qrcode-monkey.com/qr-code-api-with-logo
The generator above generates QR codes that allow us to append the company logo in the middle of the code.
The link that we will generate will contain the Usada Kensetsu PekoCard Link following this format:
usada-kensetsu.herokuapp.com/pekoCard
PRINT: The card should be printable with cutout guides. We should also include a note in the printable to laminate the ID to make it proper.
![image](https://user-images.githubusercontent.com/36124096/99184140-f03e2f80-277b-11eb-96c2-844f9a2d8cf4.png)
DOWNLOAD AS PNG: The front and back PekoCard should be downloadable in PNG. It should be in separate files
SHARE ON TWITTER: Should allow Users to share the front and back PekoCard. The image to be shared should have a different template:
![image](https://user-images.githubusercontent.com/36124096/99184130-de5c8c80-277b-11eb-8233-fbe11a8a48e6.png)
![image](https://user-images.githubusercontent.com/36124096/99184081-8756b780-277b-11eb-9985-8ab86927a73b.png)
And Nousagi Team will be added here as well
![image](https://user-images.githubusercontent.com/36124096/99184485-27addb80-277e-11eb-808e-ff8a31299b9d.png)