This app was built entirely through Copilot prompts! A good starting point to explore the capabilities of Copilot integration in VS code, by learning to build a simple app. Checkout some of the prompts that were used to build this app below.
The Angular app helps track the user's total income, expenses, balance and visualize their spending via chart. It features a clean UI, modal dialogs for adding entries, a running list of all transactions, with data stored in-memory.
“I want to build an expense tracker app using Angular, which helps user to track their daily expenses and budget. Users should be able to log their monthly income and everyday expenses. The user interface must be built using Bootstrap. Mention high level steps to build this app.”
“I want to build the landing page which will be divided into top and bottom sections. The top section should mention the total monthly income, total monthly expense, and balance remaining. In the right side the same must be indicated through a pie chart. The bottom section should contain a button called 'log' in the bottom right corner."
“Debug terminal error while generating component to create landing page. ng : File ... cannot be loaded because running scripts is disabled on this system.”
"Why should Bootstrap be used?"
"Generate unit tests using Jasmine"
- Complex task breakdown
- UI design and layout suggestions
- Debugging assistance
- Concept explanations
- Code/command generation
- Pair programming through inline comments
- Unit test generation
npm install
ng serveNavigate to http://localhost:4200/ in your browser. Note: All data will be lost if the page is refreshed or the browser/tab is closed.