Development of a react-based portfolio for front-end usage
Wazni, Sami (2023)
2023
All rights reserved. This publication is copyrighted. You may download, display and print it for Your own personal use. Commercial use is prohibited.
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-2023122239030
https://urn.fi/URN:NBN:fi:amk-2023122239030
Tiivistelmä
This thesis delves into the fundamentals of front-end Development, exploring HTML, CSS, JavaScript, and ReactJS, explaining foundational concepts, and showcasing the union between these technologies through practical code examples. These examples guide the construction of a ReactJS portfolio, providing hands-on experience in front-end React application development. Topics covered include React Routers, Hooks such as useRef and useEffect, Components, and the crucial Virtual DOM.
The primary goal of this thesis was to describe front-end skills and construct a React-based portfolio seamlessly integrating HTML, CSS, JavaScript, and ReactJS. Enhanced functionality, supported by EmailJS, enables seamless email integration for sending emails through the portfolio. The portfolio serves as a comprehensive showcase of personal skills, projects, and contact information.
The work carried out in this thesis is also documented as a seven-week diary providing insights into the week-to-week challenges encountered at an IT company.
In conclusion, this thesis provides a thorough understanding of foundational front-end concepts. Applying these principles results in the creation of a React portfolio that effectively presents skills, information, and contact details. Furthermore, the thesis highlights practical problem-solving within the realm of front-end development, offering valuable insights into the dynamic nature of real-world web development projects.
The primary goal of this thesis was to describe front-end skills and construct a React-based portfolio seamlessly integrating HTML, CSS, JavaScript, and ReactJS. Enhanced functionality, supported by EmailJS, enables seamless email integration for sending emails through the portfolio. The portfolio serves as a comprehensive showcase of personal skills, projects, and contact information.
The work carried out in this thesis is also documented as a seven-week diary providing insights into the week-to-week challenges encountered at an IT company.
In conclusion, this thesis provides a thorough understanding of foundational front-end concepts. Applying these principles results in the creation of a React portfolio that effectively presents skills, information, and contact details. Furthermore, the thesis highlights practical problem-solving within the realm of front-end development, offering valuable insights into the dynamic nature of real-world web development projects.