.
.
.
.
.
.
After finishing the UX design for Picoo, we had to develop the website prototype that we made.
What did we want to achieve: We wanted to develop the website prototype that we made during the UX design phase. We wanted to make it functional and user-friendly so that the teachers could make quizzes according to their needs. The end product needed to be interactive, easy to use and according to the design that we made in the UX design phase.
What did we do: Before starting the development, we created a GitLab repository where we could store our code and collaborate on the project. GitLab link. We decided to divide the page creation by team member, so each team member could work on a different page. We first started with the header, content and layout of the pages and after finishing that we added JavaScript for interactivity.
How did we achieve it: We achieved it by communicating and giving each other feedback on the code that we wrote. Also, we had a Figma prototype to look at, so we could see how the page should look like and what elements it should have.
What did I do: In this project I was responsible for creating the homepage and quiz-preview pages. I started with creating the header of the homepage, which includes the "Picoo" logo and buttons for navigation. After that, I created the content of the homepage, which includes the pre-existing quiz and the quiz creation button. I also created the quiz-preview page, which includes the quiz title, description and questions.
How did I do it: I made these page with the previous knowledge I had about HTML and CSS. I used HTML to create the structure of the pages and then used CSS to make the pages look like the design that we made in the UX design phase. I commited my code to the GitLab repository so that my team members could see what I had done and give feedback on it.
How did I achieve it: I achieved it by communicating with my team members on what I was doing and and giving each other feedback on the code that we wrote. The previous knowledge of HTML and CSS also helped me a lot to create the pages.
Conclusion: I learned some thing during this project. First of all, I improved my HTML and CSS skills by creating the pages. Second of all, I improved my GitLab skills and learned how to collaborate on a project with my team members. And lastly, I improved my presenting skills by doing the final presentation for the project.