My Projects
TCG Buddy
TCG Buddy is a demonstration of my skills in creating interactive bots that provide detailed information on trading card game (TCG) cards. The bot allows users to search for Digimon and One Piece TCG cards effortlessly, providing card details such as effect, counter, power, etc.
This Portfolio
This very own website! It is constructed using the robust Next.js framework, embellished with the flexible aesthetics of Tailwind CSS and the dynamic animations of Framer Motion. Hosted on the dependable Vercel platform, it guarantees top-notch performance and accessibility, catering to users across the globe.
Python
Python is a versatile, easy-to-read programming language with a large library of tools. It's great for beginners and experts alike, used in web development, data analysis, and more.
Next.js
Next.js is a React framework that offers a fast and efficient development experience. It's used in web development, as well as in server-side rendering (SSR) and static site generation (SSG).
Javascript
JavaScript is a widely-used scripting language known for its versatility and compatibility with web browsers. It's essential for building interactive websites and web applications, offering dynamic behavior and manipulation of webpage content.
Typescript
TypeScript is a superset of JavaScript that adds optional static typing, enhancing code maintainability and scalability by catching errors early in the development process. Both languages are crucial in modern web development, powering a wide range of applications from simple animations to complex web platforms.
Vercel
Vercel is a platform for hosting web applications. It is used in web development, as well as in server-side rendering (SSR) and static site generation (SSG).
React
React is a JavaScript library for building user interfaces. It is used in web development, as well as in server-side rendering (SSR) and static site generation (SSG).
TailwindCSS
TailwindCSS is a utility-first CSS framework that simplifies the development of responsive, modern websites.
Docker
Docker is a platform for building, deploying, and running applications. It is used in web development, as well as in server-side rendering (SSR) and static site generation (SSG).
PostgreSQL
PostgreSQL is a powerful, open-source database management system. It is used in web development, as well as in server-side rendering (SSR) and static site generation (SSG).
Git
Git is a version control system. It is used in web development, as well as in server-side rendering (SSR) and static site generation (SSG).
NPM
NPM is a package manager. It is used in web development, as well as in server-side rendering (SSR) and static site generation (SSG).
Figma
Figma is a design tool. It is used in web development, as well as in server-side rendering (SSR) and static site generation (SSG).
flowbite
Flowbite is a utility-first CSS framework. It is used in web development, as well as in server-side rendering (SSR) and static site generation (SSG).
Github
Github is a platform for version control. It is used in web development, as well as in server-side rendering (SSR) and static site generation (SSG).
Svelte
Svelte is a framework. It is used in web development, as well as in server-side rendering (SSR) and static site generation (SSG).
GitLab
GitLab is a web-based DevOps lifecycle tool that provides a Git repository manager providing wiki, issue-tracking, and CI/CD pipeline features.
MySQL
MySQL is an open-source relational database management system. It is widely used for building web applications and is known for its reliability, scalability, and performance.
Node.js
Node.js is an open-source, cross-platform JavaScript runtime environment that executes JavaScript code outside a web browser. It is commonly used for building server-side applications and networking tools.
Notion
Notion is an all-in-one workspace tool that provides components such as databases, kanban boards, wikis, calendars, and reminders. It is used for personal and team productivity.
Markdown
Markdown is a lightweight markup language that allows you to write using an easy-to-read, easy-to-write plain text format, which can then be converted into HTML or other formats.
HTML5
HTML5 is the latest version of Hypertext Markup Language, the code that describes web pages. It's used for structuring and presenting content on the World Wide Web.
PNPM
PNPM is a fast, disk-space efficient package manager for JavaScript projects. It installs dependencies in a flat node_modules directory structure.
Redis
Redis is an open-source, in-memory data structure store used as a database, cache, and message broker. It supports various data structures such as strings, hashes, lists, sets, and more.
Prettier
Prettier is an opinionated code formatter that automatically formats code in your editor according to a specified set of rules, ensuring consistent code style across your project.
Sass
Sass is a preprocessor scripting language that is interpreted or compiled into Cascading Style Sheets (CSS). It provides features like variables, nesting, and mixins, making CSS more maintainable and scalable.
SWC
SWC is a JavaScript/TypeScript compiler written in Rust. It aims to be a faster alternative to Babel while maintaining compatibility with Babel plugins and presets.
TurboRepo
TurboRepo is a tool for managing monorepos, offering fast and efficient operations for large codebases. It optimizes build and test times by intelligently caching dependencies and incremental builds.
Yarn
Yarn is a package manager for JavaScript that provides faster and more reliable dependency management compared to npm. It uses a lockfile to ensure consistent installations across different machines.
Material UI
Material-UI is a popular React UI framework for building responsive and consistent web applications. It provides pre-designed React components based on Google’s Material Design.
FastAPI
FastAPI is a modern web framework for building APIs with Python. It's built on top of Starlette for the web parts and Pydantic for data validation and serialization, offering high performance and type safety out of the box.
shadcn
shadcn offers beautifully designed, customizable, and accessible components provided as open-source code snippets, allowing developers to pick and paste directly into their projects for easy integration and customization.
Framer Motion
Framer Motion is a motion library for React that makes it easy to create fluid animations and interactions. It offers a declarative API for defining animations, gestures, and transitions, empowering developers to build engaging user interfaces.
Zod
Zod is a TypeScript-first schema validation library. It provides a concise and type-safe way to define and validate data schemas in TypeScript projects, ensuring data integrity and reliability.
Flask
Flask is a lightweight and flexible web framework for Python. It's designed to be simple and easy to use, making it ideal for building web applications and APIs quickly and efficiently.
NumPy
NumPy is a fundamental package for scientific computing with Python. It provides support for large, multi-dimensional arrays and matrices, along with a collection of mathematical functions to operate on these arrays efficiently.
Django
Django is a high-level Python web framework known for its "batteries-included" approach. It follows the "don't repeat yourself" (DRY) principle and provides a robust set of tools for building web applications rapidly, including authentication, ORM, and admin interfaces.
Pandas
Pandas is a Python library widely used for data manipulation and analysis. It offers powerful data structures like DataFrame and Series, along with a plethora of functions for tasks such as data cleaning, transformation, and exploration.
Regex
Regex, short for Regular Expressions, is a powerful tool for pattern matching and text manipulation. It's indispensable in tasks like data validation, parsing, and search operations.