ExpensesApp--ReactJS-SpringBoot-H2db

This project contains a basic UI React App for frontend and SpringBoot App with H2database(embedded DB) for Backend

React(Web App) Take away:

• components
• props
• useState
• useEffect
• Context API
• routing,navigation
• Api fetch(using axios)

Spring Boot(REST Api) Take away:

• Entity
• EntityRepo
• RestController
• Get and Post Mapping
• Basic user Authentication(not Spring Security)
• H2 database for storing data

To Run Locally

For Spring Boot App

• STEP 1 : Clone the project

  git clone https://github.com/devudhayakumar/ExpensesApp--ReactJS-SpringBoot-H2db.git

• STEP 2 : Open the spring boot folder(ExpensesSpringBoot) in intellij IDE wait till the dependencies to get installed then hit the run button.

• STEP 3: Use postman to create Users(example format in -REST Client folder),same for ExpensesType.

• STEP 4: leave the app Running.

For React App

STEP 1: Open the React App(expensereact) folder in VS code editor.

STEP 2: Open Terminal.

STEP 3: Install dependencies(Node js need to be installed).

  npm i

STEP 4: Start the server

  npm start

Note: Default port for Spring boot app-8080,for react app-3000.This need to be same on your system to get correct output else code need to be altered.

Screenshots

Login Page

Home Page

AddExpense Page