Logo

Makpipi

About this web_

Makpipi.com is not just my portfolio, it's also a great playground for me to practice coding and record what I have learned in the past. So i started to create this website in Jan 2024, and it is my little goal in 2024.

I will try to add more sections or changes once I have some idea, it's painful without the designer's help. And don't be surprised when you find some bugs. :)

Folder Structure

Here's my folder structure and Git respository, it's a bit messy because of MY LAZY :( HERE
- root
- .husky
- husky config files
- app
- about-me
- page.tsx
- about-mpp
- page.tsx
- pokemon
- page.tsx
- projects
- [project]
- page.tsx
- layout.tsx
- page.tsx
- resume
- page.tsx
- error.tsx
- favicon.ico
- globals.css
- layout.tsx
- loading.tsx
- not-found.tsx
- page.tsx
- provider.tsx
- public
- icons
- pokemon
- ...pokemon type icons
- ...icons
- images
- projects
- ...project's images
- ...background images
- src
- apis
- pokemon.ts
- components
- atoms
- accordion
- index.tsx
- button
- index.tsx
- card
- index.tsx
- dropdown
- index.tsx
- mppSwiper
- index.tsx
- tag
- index.tsx
- textfield
- index.tsx
- typography
- index.tsx
- molecules
- educationSection
- index.tsx
- experienceSection
- index.tsx
- footer
- index.tsx
- header
- index.tsx
- homeBanner
- index.tsx
- noResultFound
- index.tsx
- paginationBar
- index.tsx
- personalInfo
- index.tsx
- pokeDex
- index.tsx
- sideMenu
- index.tsx
- skillsBox
- index.tsx
- typing
- index.tsx
- constants
- pokemonTypeMap.ts
- projectsData.ts
- hook
- usePagination.ts
- router
- router-path.ts
- types
- pokemon.ts
- utils
- apiClient.ts
- background.ts
- ...other configs files
Home
About Me
Resume
Projects
About Makpipi
PokéDex
mpp-logo