-
-
Starter Template as an example
-
Example Template Generated
-
Deleting all templates
Inspiration - Fun with Tech
Technology can help students by making learning more engaging and collaborative. Rather than memorizing facts, students learn by doing and through critical thinking. That could be as simple as participating in tech-enabled group discussions or creating fun projects. And that's how we made it!
What it does?
A user can enter the email details like name and email of the sender and receiver, subject, and content and generate the Gmail-like template so that he/she can prank his friends and colleagues.
How do we build it?
We used React for frontend and set up the project with the Bootstrap framework for designing the User Interface. We have used the class components so that we can pass the data and states as props for other react elements. We have used the Bootstrap form for the data input from the end-user. We have set up the media query (which makes it visible to only a particular screen dimension) so that no one can misuse this website blindly.
Accomplishments that we're proud of:
1) Able to create a Gmail-like UI (clone). 2) Prank our friends by spoofing the email. 3) Learned how to use class components.
What we learned?
1) We have used class components and learned how to pass state and its data as props. 2) Used bootstrap using its CDN link. 3) Used GitHub pages to host this application. 4) Improved our problem-solving.
What's next for Gmail Template Generator?
As it is currently not responsive, we will try to make it for mobile and larger screen sizes.
Log in or sign up for Devpost to join the conversation.