In Development

AxoKaze

A web application featuring secure authentication with email/password (OTP verification) and Google OAuth 2.0 integration, featuring JWT-based auto-refresh tokens. It integrates multiple external APIs with optimized data fetching and caching strategies using Zustand for state management.

Timeline

3 Months

Role

Full Stack

Team

Solo

Status

In Development

Social login and Session storage may not work since I am transferring manual authentication to Supabase authentication. For the meantime, you can sign in using your email & password.

AxoKaze: Unified Dashboard

Overview

A unified dashboard application integrating diverse data sources like Pokédex data, F1 race tracking, and real-time weather forecasts.

What Users Can Do

Unified Data Integration: Built a web application integrating Pokédex data, F1 race tracking, real-time weather forecasts and user profile management in a unified interface.
Secure Authentication: Implemented secure authentication with email/password (OTP verification) and Google OAuth 2.0 integration, featuring JWT-based auto-refresh tokens.
Optimized API Integration: Integrated multiple external APIs (PokéAPI, Ergast F1 API and WeatherAPI) with optimized data fetching and caching strategies using Zustand for state management.

Why I Built This

I created AxoKaze to demonstrate my ability to build a complex, data-intensive web application that seamlessly integrates multiple disparate data sources into a cohesive, performant, and secure user experience.

To master modern web development with React, TypeScript, and Vite, focusing on performance and scalability.
To implement a robust and secure authentication flow, including social login and JWT token management.
To gain experience in state management with Zustand, particularly for handling cached data from multiple API calls.
To practice advanced UI/UX design using Tailwind CSS, ensuring a responsive and visually appealing dashboard.
To learn how to efficiently integrate and harmonize data from diverse external APIs (PokéAPI, F1 API, WeatherAPI).
To develop strong testing practices using Vitest to ensure the reliability of all integrated features and components.

Tech Stack

React
TypeScript
Vite
Tailwind CSS
Zustand
React Router
Axios
React Hook Form
Zod
Recharts
Vitest

Future Plans

Allow users to customize their dashboard layout and select which data modules (Pokédex, F1, Weather) they want to display.
Implement a notification system for F1 race updates and personalized weather alerts.
Expand the Pokédex section with advanced search filters and detailed battle statistics.
Introduce a paid subscription tier offering premium features like historical data for F1 and extended weather forecasts.

Developed by