• cd frontend
• npm i
• npm run dev
• IF you encounter a styled_prop error, delete frontend/node_modules and package-lock.json, and "npm install" again

Backend Application can be connected locally or to a cloud hosted ec2. The cloud hosted ec2 has redis installed on the stocks collection in MongoDB to ease data retrieval rate.

• If error, try reloading project on pom.xml.
• If env files are missing, go to:
• contact @ryanpoy on telegram for files

• In the frontend/src/stores/AppStore.tsx, comment out line 6.
• Uncomment line 9

• Install Extension Pack for Java
• click on run code

• mvn clean install
• cd backend
• create target/classes
• compile.bat
• run.bat

• cd backend
• mvn clean install
• mkdir target/classes
• bash "./compile.sh"
• bash "./run.sh"

• write all components and views in .tsx
• write any reusable functions in .js
• use Pascal casing HelloWorld.tsx

• App.tsx is main app file
• main.tsx is the single page HTML file

• Assets:
  • css
  • img (any image/svg files)
• components (any reusable components, make sure it's placed in a generic folder):
  • buttons
  • cards
  • forms
• constants (any reusable Constants)
• routes (all routing stuff)
• views (actual screen, also ensure it's placed in generic folder):
  • Login
    • Login.tsx
• stores (state management stuff)

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

• @vitejs/plugin-react uses Babel for Fast Refresh
• @vitejs/plugin-react-swc uses SWC for Fast Refresh

If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:

• Configure the top-level parserOptions property like this:

   parserOptions: {
    ecmaVersion: 'latest',
    sourceType: 'module',
    project: ['./tsconfig.json', './tsconfig.node.json'],
    tsconfigRootDir: __dirname,
   },

• Replace plugin:@typescript-eslint/recommended to plugin:@typescript-eslint/recommended-type-checked or plugin:@typescript-eslint/strict-type-checked
• Optionally add plugin:@typescript-eslint/stylistic-type-checked
• Install eslint-plugin-react and add plugin:react/recommended & plugin:react/jsx-runtime to the extends list