Frontend Mentor Challenges 前端挑戰

Avatar of 葉柏成 Po-Cheng Yeh.
Avatar of 葉柏成 Po-Cheng Yeh.

Frontend Mentor Challenges 前端挑戰

Web Developer
Taipei City, Taiwan

以下是部份實作的產品,歡迎到下列網址,觀看更多的實作作品

https://po-cheng-yeh.vercel.app/works


Kanban Task Management App 連結

https://kanban-task-management-web-app-one.vercel.app/

 
 
 
為了增加自己的前端技能,以及有更多的實作作品,我參加了 Frontend Mentor挑戰,從最簡單的HTML開始,逐步認識當今JavaScript API溝通的方式、githug的協作方式,並且更深入的熟練React、Next.js、tailwindCSS等常用的工具。 我最自豪的是最後嘗試製作更為複雜的Kanban 專案管理軟體。並且我將時間限制在一個月內,並於25日內完成此次挑戰。 此次挑戰目標包括掌握 Next.js, 響應式設計和Dynamic Router,並且嘗試製作虛擬的後端資料。 此專案算是讓我完整訓練了Next.js, 讓我順帶理解React Server Componet和 client Component的差別,也讓我更進一步知道,未來前端可能會回到Client Side Render的發展。 在這整段挑戰期間,最讓我獲益良多的不只是程式碼多年後的迭代更新,而讓我更清楚所有的程式設計,最終還是要回歸於人,也就是如何讓使用者有更好的體驗,而身為前端開發者則是提供良好、可重複、規劃良好的程式。這作品集不會就此結束,期待下一次更新的到來。 To enhance my frontend skills and build a more extensive portfolio, I participated in Frontend Mentor challenges. Starting from basic HTML, I gradually delved into the current JavaScript API communication methods, GitHub collaboration workflows, and gained proficiency in commonly used tools like React, Next.js, and tailwind CSS. I was enjoying in my attempt to develop a more complex Kanban project management software. I set a one-month time limit for myself and managed to complete the challenge within 25 days. The goals of this challenge included mastering Next.js, responsive design, Dynamic Router, and experimenting with mock backend data. This project provided me with comprehensive training in Next.js, helping me understand the differences between React Server Components and client Components. It also informed me of the potential for a resurgence in Client-Side Render development in the future. Throughout this challenge, I've learned that the most significant benefit isn't just the iterative updates of the code over the years, but rather gaining a clearer understanding that all software design ultimately revolves around people. As a frontend developer, my aim is to provide well-structured, reusable, and user-centric code. This portfolio is not the end; I eagerly anticipate the next update.
Avatar of the user.
Please login to comment.

Published: Mar 4th 2024
28
2
0

Tools

github
GitHub
javascript
JavaScript
react
React
nextjs
Next.js

tailwindCSS
Chakra UI
React
Next.js
Task Management
Frontend

Share