It is the first project I made for the programming faculty of edtech company Netology. I had an opportunite to try myself in every role: a designer, an HTML coder, a project manager, a frontend coder.
An initial task was to design a hosting for images that would allow to do 4 things:
- uploading a picture from PC;
- drawing on the uploaded picture;
- leaving a comment;
- sharing a link.
The final design is a neat UI with a user image as a core. All functions are availible in the draggable menu.
I love this project because I learned a lot from it. It took me 4 iterations to make it right.
It's nice to see how the design becomes simpler with every step, distancing from the Photoshop interface.
Design was just a first step. Next I had to code the layout, and after that I also had to write a technical task, describing the entire UI and requirements for it. The technical task can be found here. There is also a source code.
Students are offered to write a JavaScript code which will bring the interface to life, making it able to send and receive files, to draw on canvas, to get and send messages. I tried myself in this role too.
You can see how I managed to do it and try a service here.