Note This project was developed as part of the TechGig's Microsoft Github Co-Pilot Hackathon.

Live Demo | Server Repository

Coin Control

CoinControl is a web application that helps users manage their finances by tracking income and expenses, visualizing their spendings, and providing a daily view of transactions. Users can create accounts, add transactions, and view their financial data conveniently. Users can also get financial advice from an integrated chatbot.

Features

• Add and keep track of all transactions.
• Visualize Spendings.
• Track income and expenses based on transactions added.
• Get financial advice and analysis from a chatbot (MoneyMentor)

Github Copilot Integration

• Accelerated Development: GitHub Copilot played a pivotal role in expediting our development process by generating code snippets, suggesting solutions, and providing contextual recommendations. It significantly reduced the time spent on repetitive tasks and allowed us to focus on implementing unique features.

• UI/UX Design: With the help of GitHub Copilot, we efficiently designed our user interface by automating the generation of UI components responsive design patterns.

• Routing and Backend Logic: GitHub Copilot assisted us with the implementation of routing and backend logic.

• Styling and CSS: Copilot's intelligent code generation capabilities extended to styling and CSS as well. It provided suggestions for CSS classes and responsive styling.

Built with

                             

• React: JavaScript library for building user interfaces.
• Node.js: JavaScript runtime environment that allows executing JavaScript code outside of a web browser.
• Prisma: Modern, type-safe ORM for Node.js and TypeScript.
• Planetscale: Highly scalable, globally distributed database.
• Sass: CSS extension language that provides more advanced features and capabilities.

Installation steps

1. • Fork the repo
   • Clone the repo to your local machine git clone https://github.com/codedmachine111/coincontrol-client.git
   • Change current directory cd coincontrol-client
2. Install latest version of Nodejs and install all the dependencies using:

npm install

3. Generate prisma client

npx prisma generate

4. For using the chatbot, create a .env file in the root directory of the project and add:

REACT_APP_OPENAI_API_KEY = "YOUR-API-KEY"

Note You need to get your OpenAI API key from

5. Start the development server:

npm start

Contribution

This project was developed as part of the TechGig Microsoft Github Co-Pilot Hackathon. Contributions are welcome! If you have any suggestions, improvements, or bug fixes, please submit a pull request or open an issue on the GitHub repository.

License

This project is licensed under the MIT License.