Skip to content

πŸš€ Portfolio developed by Next.js, Chakra UI, Styled Components, Framer Motion and TypeScript.

License

Notifications You must be signed in to change notification settings

k-kyler/kkyler-homepage

Β 
Β 

Repository files navigation

kkyler homepage

πŸš€ Portfolio developed by Next.js, Chakra UI, Styled Components, Framer Motion and TypeScript.

Requirements

  • Node.js 14+ and npm

Folder structure

.
β”œβ”€β”€ README.md                       # README file
β”œβ”€β”€ __mocks__                       # Mocks for testing
β”œβ”€β”€ .husky                          # Husky configuration
β”œβ”€β”€ .vscode                         # VSCode configuration
β”œβ”€β”€ public                          # Public assets folder
β”œβ”€β”€ src
β”‚   β”œβ”€β”€ layouts                     # Layouts components
β”‚   β”œβ”€β”€ components                  # Re-usable components
β”‚   β”œβ”€β”€ config                      # General configuration
β”‚   β”œβ”€β”€ constants                   # General constants
β”‚   β”œβ”€β”€ pages                       # Next JS Pages
β”‚   β”œβ”€β”€ pages.test                  # Next JS Pages tests (this avoid test to treated as a Next.js pages)
β”‚   └── utils                       # Utility functions
└── tsconfig.json                   # TypeScript configuration

Testing

All tests are colocated with the source code inside the same directory. So, it makes it easier to find them. Unfortunately, it is not possible with the pages folder which is used by Next.js for routing. So, what is why we have a pages.test folder to write tests from files located in pages folder.

Portfolio inspiration

Special thanks to craftzdog for his amazing portfolio ideas.

About

πŸš€ Portfolio developed by Next.js, Chakra UI, Styled Components, Framer Motion and TypeScript.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 92.5%
  • JavaScript 6.8%
  • Shell 0.7%