Last week, I was using Figma to create the prototype. However, there are many limitations for creating the prototype, I am switching the tool to Axure RP 10. Comparing to Figma, Axure RP 10 comes with a more intuitive and user-friendly interface, making it easier for both newcomers and experience users to create prototype. Besides that, The new version offers a wide range of interactive elements and dynamic panels, allowing for more complex and realistic prototypes.
In this Axure RP 10, I able to create more interactive functions to do this prototype. I am more prefer using this Axure, because it provide the library that contains many useable functions like buttons, headers, checkboxes and so on. During this week, I update the changes of features with my another intern colleague. The changes of the features are let the whole system become more user-friendly and more functionality.
Learning Next.js with TypeScript and Using Figma to Create a Prototype
In this second week for joining Tong Hin as Internship, I am learning Next.js with TypeScript. Next.js is a very useful framework for building fast and search-engine friendly application. There are many key features include in Next.js especially Server-side Rendering (SSR), Next.js enables SSR out of the box. This means that when a user requests a page, the server generates HTML content, which can improve performance and SEO. Besides that, Next.js simplifies many complex aspects of web development, providing an excellent developer experience.
Mr. Peter give me a task in this week, to design a web page, we are using Figma as a tool to design the prototype. Figma is a versatile design and prototyping tool known for its collaborative capabilities. The reason why using Figma is it is a real-time collaboration, its allows multiple team members to work simultaneously on designs, making collaboration a breeze.
In conclusion, the task that I should complete involves server-site rendering by using Next.js, database by using NoSQL database and Figma for creating a prototype.
Learning Git and TypeScript with React
Joining Tong Hin for the first two days of first week internship, Mr. Peter was explaining the usage of Git. We are using Git which is a distributes version control system to help us to manage and track changes in the codebase. The reason why using Git is because it easy for developers to collaborate by allowing us work on the same project at the same time and organising their changes together. It can also monitor code-level changes making it simple to locate and revert to previous versions if needed. The branching and merging features let us to work separately on various features or fixes, then merge them when ready.
Towards the last few days in this week, Mr Peter recommended me to learn TypeScript which is main language that I will use during the internship. He also recommended me to learn React which is the JavaScript library for building user interface, is widely used in front-end web development. The two key testing tools for React are Jest and Enzyme. To test the work become more effective, isolate components and test them individually to ensure that each one behaves as expected. Good testing are using mocks and stubs to isolate them from the actual implementation, provide clear and descriptive test names and assertions to make test results more meaningful as well as ensure that the tests cover not only typical scenarios but also edge names and error conditions.