About Me
September 2021 – Current:
Digital Design and Web Development at BCIT
Full-time Student (Diploma)
March 2020 – July 2021: board house works.Inc
Web Director
April 2018 – July 2019: Azincourt Inc.
Web Designer, HTML & CSS Coder
April 2008 – March 2013: University in Japan
Full-time Student (Bachelor of Literature)
Hi ! I’m Mio Takagi from Japan.
At BCIT, I have been studying digital design and web development since 2021.
I have a few years of employment experience in office jobs and customer service positions both in Japan and Australia, including web designer, HTML and CSS coder, web director, sales representative, flight attendant in Japan, and administrative duty worker.
Skill-Set
React Applications
Goal Tracking App
“SheReady”
▶︎ Go to GitHubSheReady helps women achieve goals with SMART goal setting and task tracking. Future updates include PDF export of their wins, and community page.
Previous
Next
Kaggle Example
Anime Quote
▶︎ Go to GitHub ▶︎ Go to VercelThis website is a Next.js application that provides a platform to search for and browse anime quotes. Users can search for a specific anime by entering its name in the search bar, and the website will display all the quotes from that anime that are stored in the data file.
Additionally, users can click on the ‘SHOW ALL’ button to view all the anime quotes that are available on the website.
The website is designed to be responsive and can adjust its layout based on the user’s device, such as desktop, tablet, or mobile.
Playwright example
BCIT Mockup
▶︎ Go to GitHub ▶︎ Go to VercelThis Next.js app is a responsive mockup of BCIT, featuring a carousel and form with validation checks for user input. It’s tested using the playwright testing framework.
Previous
Next
Weather API example
▶︎ Go to GitHub ▶︎ Go to VercelThis Next.js weather app shows weather conditions for the location users inputted using weather API. It changes background images and icons based on the weather.
NASA API example
▶︎ Go to GitHub ▶︎ Go to VercelThis is a responsive Next.js app that leverages NASA APIs. Users can view the latest images from the Earth Polychromatic Imaging Camera (EPIC) with just one click.
Diary App”
“Miood”
▶︎ Go to GitHub ▶︎ Go to VercelThis Next.js app allows users to create and store entries in a Postgress database with a title and content, and include the weather of any location in a diary with a weather API. Users can browse and edit previous entries, and future updates will include typography customization and news article integration.
Discord Clone App
▶︎ Go to GitHubThis is a Next.js application modeled after Discord, featuring a user-friendly interface that enables users to access a list of channels created by other users using a database, as well as their own. Effectively implemented the feature for posting text within each channel, ensuring seamless user experience.