OneCredit will help you manage your credit cards, get notified when an annual fee is due, save money and earn you more cash back every day by maximizing credit card spending bonuses, and offers.

OneCredit automatically selects the credit card that earns you the most cash back on every purchase. With saving your card e.g. card number, expiry date, and CVC in the server, and you'll immediately know your card info to make online purchases without a physical card on hand. With the reminder feature, you will get notified when a payment is due, when offers expire, and when your annual fee is due.

Whether you're new to credit cards or you already have 20+ credit cards to your name, this is the app to help you earn tens of thousands more cash back every year, and ensure that you have the best cards available in your wallet.

1. Manage your credit cards in one place
2. Store and access your card information in the app, e.g. Card number, Card Holder Name, Expiration date, and CVC
3. Know your annual fee for all of your credit cards
4. Convenient access to Customer Service number for each credit card you have
5. Convenient access to specific US Credit Card Guide for each credit card you have
6. Category Shopping: Implemented algorithm to select the best credit card to use on a particular website to maximize the cash back for a purchase
7. A reminder system to help you manage your cards, e.g. Set reminder for payment due date
8. Support 5 major banks and over 20 popular credit cards...Continue Supporting New Cards

To begin, download the repository and run npm install in the command-line. This will install each dependency needed for running the application.

"dependencies": {
    "@fortawesome/fontawesome-svg-core": "^6.2.1",
    "@fortawesome/free-brands-svg-icons": "^6.2.1",
    "@fortawesome/free-regular-svg-icons": "^6.2.1",
    "@fortawesome/free-solid-svg-icons": "^6.2.1",
    "@fortawesome/react-fontawesome": "^0.2.0",
    "@testing-library/jest-dom": "^5.16.5",
    "@testing-library/react": "^13.4.0",
    "@testing-library/user-event": "^13.5.0",
    "jason-server": "^3.0.0",
    "json-server": "^0.17.1",
    "react": "^18.2.0",
    "react-credit-cards": "^0.8.3",
    "react-dom": "^18.2.0",
    "react-icons": "^4.7.1",
    "react-router-dom": "^6.6.0",
    "react-scripts": "^2.1.3",
    "web-vitals": "^2.1.4"
  }

To begin, executing npm start will run the application in the default port 3000 and open up the web application automatically. To run the server, executing npm run server will run the server in port 5000. Anytime you want to go the fefalult page, go to http://localhost:3000 in your browser will present the default page for the app.