React JS - Postcard Creator

Client: School Project, BCIT

Date: December, 2016

Tools: Brackets, Google

Languages: HTML, CSS, React JS, Babel JS

Description: This project was part of an exam at BCIT during my third semestre. I had two hours to create a postcard generator using React JS and Babel JS. The idea was to display a postcard on the page with spaces for users to fill out a few fields including a To, From, and message for the postcard. Users also had to be able to select a stamp for the postcard, either from the available stamps shown or from an image url. Once finished, users could then save their postcard and write another.

Process: I began with the HTML document, writing out the inputs, images and buttons. I then worked a bit on the CSS to display the postcard image where I wanted it. Finally, I worked on the React JS and made sure that when the user writes on the inputs the message would appear instantly on the postcard. Given the time constraints, I am happy with the results of this project.

You can test the postcard yourself!