Challenge: Vuejs

Introduction

Purpose: This challenge is part of your application process at SocyList. The focus is not only on task completion but also on how well you communicate your process and planning. So before you start, read all the steps carefully and answer the questions below for yourself:-

---

Pre-task Questions:

• 1. What is the (end) goal?
• 2. What do I already understand, and what needs further information?
  >>>Communicate your schedule before you actually start!

---

Required Software

List of Tools: To complete this challenge, you’ll need the following software:

• 1. Node.js and NPM: A dependency manager for Node.js. Download Node.js.
• 2. Visual Studio Code (or an alternative IDE).

---

Setup Steps

1. 1. Start a new Vue CLI project
   • Refer to Vue CLI Course and this guide on Creating Components with Vue CLI for assistance.

---

Required Steps

1. 2. Create a VueJS component for a basic calculator
   • The calculator should perform basic functions: addition, subtraction, multiplication, division, and resetting the result to zero.
2. 3. Create a page to display and use the calculator component
   • Use the npm run serve command to test the application in a browser. DigitalOcean tutorial for Vue SPA setup can be helpful here.

---

Optional Steps

• 4. Use Subcomponents: Refactor the calculator to utilize subcomponents where possible. See Vue Import Components Guide.
• 5. Add Memory Functions: Create functionality to save and retrieve the last calculated result, similar to memory functions on a standard calculator.

---

Testing Requirements

• 6. Test all calculator functions to ensure accurate operation.
• 7. Verify that the memory functions (if implemented) work as expected.

---

Submission Steps

• -> Submit via WeTransfer: Deliver the complete project as a downloadable file on WeTransfer.
• -> Include all required files: like code, tests, screenshots, & any other relevant documentation.

---

Good luck!