A credit card management system built with .NET 8 Web API and React with Vite, Tailwind CSS, and NextUI. If any problems are encountered during the installation please contect me in email :muslerbar@gmail.com .
- View, filter, and update credit card limits
- Secure HTTP requests with authorization
- Data persistence using repositories loaded from JSON
- Error handling with Axios
- Sleek and responsive UI using Tailwind CSS and NextUI
- .NET 8 Web API
- React with Vite
- Tailwind CSS
- NextUI
- Axios for API communication
- JSON for data storage
- Node.js latest version
- .NET 8 SDK
-
Clone the repository:
git clone https://github.com/Musler/BBank.git
-
Navigate to the project directory or right click it and select open integrated terminal:
cd BBank -
Install the dependencies for the React client:
cd Client npm install -
Install the dependencies for the .NET Web API:
cd ../Webapi dotnet restore dotnet build
-
Start the .NET Web API:
cd Webapi/ dotnet watch run -
In another terminal, start the React client:
cd Client/ npm run dev -
Open your browser and visit
http://localhost:5173/to access the application. Or press ctrl + the link given to you in the terminal
The .NET Web API provides the following endpoints:
GET /api/creditcards- Retrieve a list of credit cardsGET /api/creditcards/{id}- Retrieve a specific credit card by IDPOST /api/creditcards- Create a new credit cardPUT /api/creditcards/{id}- Update an existing credit cardDELETE /api/creditcards/{id}- Delete a credit card
For detailed information about request and response formats, please refer to the API documentation.
Contributions are welcome! If you find any issues or have suggestions for improvements, please open an issue or submit a pull request.
👤 Bar Musler
- Github: @Musler
- LinkedIn: @Bar Musler
Give a ⭐️ if this project helped you!