🈸Pixiji🈸
- 📡Axios
- 📐Concept
- 🪲Debugging
- 🪟Framer Motion
- 🟣Gatsby
- 🐱GitHub (public repository)
- 📥GraphQL
- 🖼️Illustration
- 🌸React
- 🗀Redux Toolkit
- 🔎Research
- 🎁Styled Components
- ✅TypeScript
- ✍️UI Design
- 📝UX Design
My role 🦄 Concept + Design + Code
🔥 Personal project 🔥 2020 - 2022
📖 Overview
Pixiji is a personal project which helps users to practice Japanese characters, with quizzes. The illustration’s squares contain Kanjis (Japanese characters) and are interactive. As a Japanese learner myself (and after spending one year living there), I thought it would be fun to mix learning Japanese and illustrations.
I originally made it as a portfolio project in 2021 (I made the project entirely, concept design and development). I then kept working on it in 2022, to practice Gatsby, TypeScript and started adding a Backend. You can read more about the making process here.
🔥 Challenges
I spent quite a bit of time on the visual aspect and animations of this project. Since it was still one of the first projects I made as a programmer, I wasn't sure if I would be able to find a good way to create the illustrations and make them interactive, and was happy when I succeeded.
🔗 Project links:
📰 Articles:
- 🗁 Converting a project from React to Gatsby ↗️
- 🐜 Debugging (Gatsby) ↗️
- 🐛 Debugging (animation) ↗️
- 🐞 Debugging testing ↗️
- 🪲 Debugging the project ↗️
- 🈹 How to gather the Kanjis dataset ↗️
- ⏲️ Improving performance ↗️
- 🖼️ Research process to create the interactive illustrations ↗️
- 📝 Research: best practices in this project ↗️
- 🖳 Research: code architecture ↗️
- 🗂️ Research: how to organize the quiz data in Redux ↗️
- ☑️ Research: testing concept ↗️