Nyhetswidget för varumärken

Sammanfattning

The goal of the project is to develop a news widget for the company Atega In-sight. This news widget will be integrated into their Priceagent application and improve the ability of customers to set prices for their products. Daily meetings with the company as well as communication via chat and other spontaneous meetings. The project includes adjustments to previous sketches to meet current requirements as well as planning the functionality of the widget in the design tool Figma. The project's code will primarily be written in Visual Studio Code. The back-end is developed with NodeJS and the Serverless Framework as the basis for the API, while MongoDB is used as the database manager. Testing of the back-end takes place using the Postman API platform. On the front-end side, reusable components are created with React, mainly written in TypeScript. Ready-made components from Ant Design and styling are done with Styled-Components. The front-end structure follows the Atomic Design Pattern. The result of the project has given the company a functional widget where users can add, remove, edit and view their news feeds. Users can also switch between different tabs and paginate the news articles. Testing of the widget has mainly been performed with various browser add-ons, including VisBug to see if the size of the various components matches the sketches and responsiveness. Wave for testing availability and Lighthouse for performance. However, there is room for more superficial development, such as a better implementation of the NewsAPI in the back-end and small adjustments to improve the user experience, as the widget can sometimes be perceived as slow.