DEV Community

Dongdiri96
Dongdiri96

Posted on

Final Application on Website

7/29~7/31
I re-created my main page design on Figma on a webpage using Javascript code. I studied tailwind and CSS myself to complete this task. The following is the product I ended up with on July 31st.

Image description
Image description

The main function I used was the .map() function, with which I iterated a design code for every item in a dataset. These are the codes I have written for each subsection of the website.

Banner

Image description

Image description

Image description

Clean Code Principles and Example Codes

Image description

Image description

Image description

Image description

SOLID principle

Image description

Image description

Image description

Static/Dynamic Code Analyses

Image description

Image description

Image description

Reflection
During my internship at WeLabs for the past few weeks, I had the opportunity to learn the holistic process of web development. I learned the principles of clean code, which is of utmost importance in the current era of AI. I also learned what elements should be in a website, how to make an effective wireframe and storyboard, and finally, how to implement the plans using computer language.
I faced challenges in a fast-paced environment with a limited amount of time, but by seeking and collaborating closely with my team, I was able to overcome these challenges.
Personally, I gained some confidence in my ability to manage multiple tasks and meet tight deadlines. This internship has also solidified my interest in computers and the web, as I found the work both stimulating and rewarding.
Looking ahead, I plan to incorporate this experience with my knowledge about the backend (like Python) to refine my abilities as a full-stack developer. I want to thank everybody in WeLabs who allowed me to have this wonderful experience.

Top comments (0)