[Frontend] Frontend Project Architecture setup

[yilmazbahadir]

• Next.js & Server Side Rendering(SSR)
• Project folder structure setup (pages, components, assets etc.)
• Utilize bootstrap for components
  • React-bootstrap
• state management libraries evaluation
  • Candidates: Context API, Redux, vuex-but-for-react
• Need the proper/final designs
• Code quality tools/libs setup

[yilmazbahadir]

• Completed Frontend project setup & architecture: Next.js with React Bootstrap
• Setup store with Redux hooks (made demo to the team with all of the state management libs)
• Eslint, prettier setup and set rules
  • lint-staged setup: Force code quality rules(auto fix) on commit
  • license-header: fix license header insert/updates in each commit
  • ts-config paths for frequently used folders (@store, @components etc)
• Integrated design with React Bootstrap, implemented Dark mode toggle component / functionality.