Portfolio website


Date: 2019
Main Purpose: portfolio website
Project Size: Solo Project, 2 days
My Contribution: Project Management UX Design Web Design Web Development
Stacks: HTML SCSS Bulma JavaScript Ruby on Rails Heroku


It is a portfolio website. I used Ruby on Rails to build the simple CRUD (Create, Read, Update, and Delete) web application in a short time. It takes only two days to create a live web application. Because basic CRUD application allows everyone can change the content on the website, I made the admin system to restrict others from updating or deleting the contents. I also made admin pages to easily manage. On admin pages, I can create, update, and delete my projects and text content.

project admin page

As I did before, I built the application with Test Driven Development (TDD). Because it is a simple CRUD application, I wrote basic test assertions. I tested the authentication for admin functions, the View pages rendering, and the Controller CRUD functions.

the result of test

Because, the most important thing on the website is the content, I design the website as simple as possible. I chose to use cards UI on the landing page for a neat and tidy design. By using the Bulma CSS framework, I was able to fastly make the responsible website. I conducted user tests after the first deployment and collected feedbacks from colleagues. My first navigation had 5 items, but many of the feedback commented that listed projects in navigation were weird. To solve this problem, I changed my navigation.

the initial navigation


  • I rendered the application with Test Driven Development (TDD), MVC pattern, Convention over configuration (CoC), Don't Repeat Yourself (DRY).