Hello, welcome to
Wakana's
PORTFOLIO
FRONT-END / WEB DEVELOPER
A LITTLE
ABOUT ME
Hi there! I’m a Web Developer capable of both Frontend and Backend development, with a knowleage in a wide range of programming languages, database management, and web techonlogies, including modern front-end libraries, system design, networking, and security, which I acquired through both formal study and personal project development.
Please don’t hesitate to contact me if you’re looking for a developer.
SKILLS
I LOVE
CREATING
THE WORLD
Top Skills
- HTML/CSS
- JavaScript
- SQL
Frameworks
- Tailwind CSS
- Bootstrap
- React
- Next.js
- TypeScript
- Node.js(Express)
- Flask
Programming Languages
- C#
- Python
- PHP
- Java
- C++
- PL/SQL
Tools
- MongDB/MySQL
- /Oracle
- Tableau
- Git/GitHub
- VS Code
- WordPress
- Apache
Other
- Microsoft suite
- ArcGIS
- AutoCAD
- Revit
Languages
- English
- Japanese
QUALIFICATION
- Graduate Certificate in Information Technology, Queensland University of Technology - Online, Australia (2025)
- CertificateVI in Information Technology, Canberra Institute of Technoligy, Australia (2024)
- Bachelor of Engineering (Civil), University of the Ryukyus, Japan (2019)
MY WORK
1. Score Sheet App
Technology Used
- HTML, Tailwind.CSS, Next.js, TypeScript, MongoDB, Clerk, Stripe, and Vercel
Summary
- A full-stack web application designed for tracking and calculating scores in board games. It allows users to calculate and record their scores, as well as create groups. Premium users can access their personal and group score statistics.
Purpose
- This project was developed to enhance my full-stack development skills, including authentication and secure payment integration. It was initially built with Node.js(Express) and later converted to a Next.js App Router for easier deployment and management on Vercel.
Code link
- See the live page
- See the code on my Github
Design
- Utilised Tailwind CSS, Motion animations, and Google Fonts
- Designed and implemented reusable button components across the application
- Followed a mobile-first, responsive design approach
Features
- User registration and authentication powered by Clerk
- Real-time score calculation and automated ranking system
- Group creation and management functionality
- Custom score sheet generation based on the number of items and players
- Option to set a nickname as the player name
- Access to personal and group statistics as a Premium feature
- Secure subscription payments integrated with Stripe
- Intuitive navigation menu
- Animation effects with Motion
2. Startup Landing Page
Technology Used
- HTML, Tailwind.CSS, Next.js and TypeScript
Purpose
- This project was created to practice using modern front-end technologies and to build a sample corporate website.
Code link
- See the live page
- See the code on my Github
Design
- Based on a tutorial video design, with enhancements made to component code and the addition of a dark mode feature.
- Utilised React icons, CSS animations, and Tailwind CSS buttons from devdojo.com
- Followed a mobile-first, responsive design approach
Features
- Mobile responsive layout
- User-friendly navigation menu
- Dark mode toggle button
- Smooth Animation effects
- Scroll-to-top button
- Reusable text components
- Card components for client reviews and pricing
PROJECT LIBRARY
This is an event management system built with C# that I created as part of my course assignment. It allows users to register contestant information and view the list of contestants in each category.
This is a library system project built with Python. It allows us to manage book information from an external file. I created this as part of my course assignment.
This program is written in JAVA that allows dog breeders to store their dogs' information. I created this as part of my course assignment.
CONTACT
Have you got a question?
Please send me a message.
