Hi ! I'm Mio Takagi
- Front End Developer
Vancouver, BC
takagimio1990@gmail.com
Hi ! I'm Mio Takagi
About Me
September 2021 – Current:
Digital Design and Web Development at BCIT
Full-time Student (Diploma)
March 2020 – July 2021: board house works.IncWeb Director
April 2018 – July 2019: Azincourt Inc.Web Designer, HTML & CSS Coder
April 2008 – March 2013: University in JapanFull-time Student
(Bachelor of Literature)
Hi ! I’m Mio Takagi from Japan.
I have a passion for front-end development and an unwavering commitment to producing visually appealing and user-friendly websites through my expertise in HTML, CSS, and JavaScript.
As a front-end developer with a unique blend of technical and interpersonal skills I have developed through professional experience in Japan and studies at BCIT, I bring exceptional communication and problem-solving abilities to any project.
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
Anime Quotes Searching App
Anime Quotes
▶︎ 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.
6 Days Weather Forecast for Vancouver
WEATHER FORECAST
▶︎ Go to GitHub ▶︎ Go to VercelThis Next.js weather app shows 6 days weather conditions of Vancouver using weather API. The icons and part of the background are created by me.
Today’s Weather Forecast for Any Inputted City
Today’s Weather
▶︎ 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.
* Currently under development
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.
* Currently under development
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.
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.
NASA API example
Polychromatic
▶︎ 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.
