Project

Overview

This project is a dynamic and engaging dashboard website designed to gamify the process of skill-building and goal-tracking. Inspired by RPG character sheets, it allows users to categorize their goals, track achievements, and stay motivated with "quest" narratives for each skill they're developing. Though currently tailored to my personal goals, the site showcases a wide range of technical skills, including frontend development, cloud deployment, and responsive design.

In this project, I utilized vanilla JavaScript, HTML, and Tailwind CSS to create an intuitive and visually appealing user interface. The site is hosted on AWS S3, with a CI/CD pipeline set up using GitHub Actions, and is secured with HTTPS via ACM and CloudFront. While the current version is built for my own use, I plan to expand its capabilities, making it customizable for a broader audience in the future.

This project demonstrates my ability to build robust, user-focused applications and my commitment to continuous learning and improvement in technology. It's a testament to my passion for creating tools that not only serve a practical purpose but also inspire and engage users.

What's in a name?

The name "ganbaru" comes from the Japanese term that embodies the spirit of perseverance, determination, and doing one's best, no matter the challenge. The ".me" TLD adds a personal touch, signifying that it is you, the user, who will "ganbaru" — pushing forward, growing, and achieving your goals. This learning dashboard is a reflection of that commitment to self-improvement and relentless effort.

Technologies Used:

Version 1.0

- Frontend: Tailwind CSS for responsive design, HTML/CSS, and vanilla JavaScript for dynamic content management.

- Backend: Hosted on Amazon S3 as a static site with AWS services like Route 53 for DNS management and CloudFront for content delivery.

- CI/CD Pipeline: Utilized GitHub Actions for continuous integration and deployment.

- Security: HTTPS setup via AWS Certificate Manager and CloudFront.

Features

- Responsive Design: Ensures optimal viewing and interaction across devices, from desktop to mobile phones.

- User-Centric Interface: Focuses on delivering an intuitive, aestehically pleasing experience that is easy to navigate.