Table of Contents

About

This page shows my skills and projects related to programming, with emphasis on web development.
I write code in Visual Studio Code, and work on the live server using Chrome DevTools.
I can edit SVG graphics and load them into websites.


This page can be interacted with. Press Maki's star at the upper right to choose a color and font theme from the list that will appear on the right. Clicking on the avatar opens the SIF card in a new tab. Maki's face on the navbar opens her info.

Skills

Your browser does not support SVG

TypeScript

Adds types to JavaScript. Interfaces.

Your browser does not support SVG

Redux

Predictable State Container for JS Apps. Redux Toolkit. React-Redux.

Your browser does not support SVG

React

JavaScript framework for making web apps. Class components. Function components. State and Effect Hooks. React Router. React Testing Library.

Your browser does not support SVG

Node.js

JavaScript runtime environment. Express web framework.

Your browser does not support SVG

JQuery

JavaScript library for writing simpler code. Event handlers.

Your browser does not support SVG

JavaScript

Programming language. ES6. Objects. Classes. Event handlers. Promises. Requests: GET and POST.

Your browser does not support SVG

CSS

Styles web pages. Box Model. Flexbox. Grid. @font-face, @media and @supports. Sass. CSS-in-JS: Emotion.

Your browser does not support SVG

HTML

Markup language for making web pages. Tables. Forms. Semantic tags.

Projects

Web pages and web apps, of which repositories are available in GitHub.

YouSolo logo

YouSolo School idol solos

The Love Live songs sung by one idol collected in one single page. Select an idol, one of her albums, and one of its songs to start listening to its YouTube video.

Tenzies

Roll until all dice are the same. Based on a Scrimba project.

Jammming logo

Jammming (Spotify)

Search songs by title from Spotify. Create and manage your playlists. A Spotify account is required.