Människan-datorinteraktion (HCI) är ett studieområde som fokuserar på design av datorteknik, särskilt interaktionen mellan människor (användarna) och datorer. Detta projekt beskriver utveckling av en webbapplikation (React) för kunder att göra sina onlineköp. Syftet med projektet är att använda interaktionsdesign och användbarhetsmål för att skapa en applikation för konsumenter. Målet var att studera hur react användas för att ta fram en en färdig produkt.För att bygga produkten bör interationsdesign kunna ha en välfungerade app. Interationdesign används för att skapa en bra användarupplevelsen.Annvändbarhet gjordes för att möta andvändarens behov. Detta system kommer att tillåta hotell och restauranger att underlätta användarnas tid under mat beställningsprocessen. Användare kunde testa appen och lämna deras förslag och feedback. Avslutningsvis, att använda react för applikationen var ett bra val och genom interaktionsdesign kunde applikationen utföra sina uppgifter framgångsrikt. När man utvärderade appens användbarhet, var fler än genomsnittet av användarna nöjda och kunde använda webbapplikationen utan svårighet. Applikationen kan vidareutvecklas i framtiden för att förbättra användarupplevelsen och fler funktioner kan tilläggas för att uppfylla kundens behov. Implementering av backend (servrar och databaser som är inte synliga för användarna) kommer också att vara ett plus för Appen i framtiden. / Human-computer interaction (HCI) is a field of study focusing on the design of computer technology, in particular, the interaction between humans (the users) and computers. This project describes the development of a web application (React) for customers to make their purchases online. The purpose of the project is to use interaction design and usability goals to create an application for food lovers. The aim is to study how react can be used to produce a finished product. To build the product, interaction design should be able to have well function app. Interaction Design principles is used to have a great user experience. Usability was done to meet user’s needs. This system will allow hotels and restaurants to ease users' time during the food ordering process. Users were able to test the app and their suggestions and feedback. In conclusion, using react for the application was a good choice and through interaction design the application was able to do its tasks successfully. Evaluating the usability of the app, more than average of the users were pleased and able to use the web application at ease. The application can be further developed in the future to improve the user experience and more functions can be added to satisfy customer’s needs. Implementation of backend will be also a plus for the App in the future