Hi ! I'm Mio Takagi
- Front End Developer

Vancouver, BC

778-834-0154

takagimio1990@gmail.com

https://github.com/Kinakopan

https://www.facebook.com/Omigikata

https://www.linkedin.com/in/mio-takagi-5ab109198

Profile Picture

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 GitHub

SheReady helps women achieve goals with SMART goal setting and task tracking. Future updates include PDF export of their wins, and community page.

Kaggle Example

Anime Quote

▶︎ Go to GitHub ▶︎ Go to Vercel

This 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 Vercel

This 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.

Weather API example

▶︎ Go to GitHub ▶︎ Go to Vercel

This 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 Vercel

This 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 Vercel

This 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 GitHub

This 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.

You can follow me on LinkedIn, Facebook, and Instagram. Here is my Email (takagimio1990@gmail.com).