Steps to create a Full Stack Application using React and Spring boot

  • Create React + Typescript Project
    • Create a folder support-crm-repo > frontend
      • This configures TypeScript throughout our entire project automatically.
    • Remove some files not required
      • App.test.ts
      • reportWebVitals.ts (also remove its referene from index.tsx file)
      • setupTests.ts
      • logo.svg (also remove reference from App.tsx)
    • Change App.tsx file as 

 

 

  • Add Bootstramp + CSS
    • Add link in index.tsx file
    • Create you own css and replace it with default css in App.css

 

 

  • Images, CSS & JS
    • Images: For images create a directory inside src > images

 

 

  • Add start script in package.json file

 

 

  • Add Navigation Bar / Header
    • gg

 

  • Add Explore Item component
  • Add Carousal 
  • Add Hero Component
  • Add Servies
  • Add Footer

 


Related Question