Contact
Email: [email protected]
Phone: +447442667518
Github: https://github.com/dgd03146
Blog: https://junglog.vercel.app
Skills
- React / Next.js / JavaScript / TypeScript
- Tailwind / Styled-Components / Emotion
- React Query / Redux / Recoil
- Firebase / Github / Route53 / Cloudinary
Introduce
- I have a strong interest in designing reusable components in front-end development. I've tried to reflect my thoughts in code to create good components.
- I enjoy reading official documentation to deepen my understanding of technologies. Specifically, I lead a study group to read official React documentation to enhance my understanding, and I continuously work to integrate its best practices into my code.
- I'm focused on using TypeScript to build safer and more collaborative front-end environments. Through an 'Effective TypeScript' study series, I've learned not just the basics but also the complexities of the type system, which I incorporate into my coding practices.
- I'm passionate about reading front-end articles and sharing insights. I run a front-end article study group where we discuss and share front-end knowledge weekly, leading to improving technical discussions and learning.
Projects
JungLog
Personal blog website to share my thoughts about frontend by using the Notion API
GitHub: https://github.com/dgd03146/blog
Website: https://junglog.vercel.app
#Nextjs #TypeScript #React #Twin-macro #Notion API
- Reduced 22% of JavaScript bundle size by utilizing server components and enhanced the first load.
- Enhanced Search Engine Optimization, through the implementation of server-side rendering, resulting in improved discoverability and visibility in search engine rankings.
- Created a user-friendly interface by implementing dark mode and the Framer library, ensuring an optimal user experience.
- Implemented and customized ESLint, Prettier settings, ts.config, and husky to establish and enforce consistent code conventions throughout the project.
- Used ISR (Incremental Static Regeneration) strategy to revalidate data without a full rebuild.
- Utilized Twin.macro to seamlessly integrate Tailwind CSS and Styled-components, enhancing the flexibility and efficiency of styling.