Re-Write Member-Site

[ivinayakg]

Introduction

To avoid future potholes and bugs that we may face due to poor code structure, we have decided to re-write the application from the ground up, which gives us the ability to implement better structure and improve the developer experience for a better and smooth experience of everyone who contributes to the project in the future.

Major things we want to cover

• Migrate to typescript completely.
• Increase test coverage of the project.
• Refactor the code to achieve a cleaner codebase.
• Making contributing experience to the project simpler and better.

Things that are making an issue

• Over-engineered in a lot of instances.
• Complicated folder structure.
• State management is over-engineered.

Architecture Change

One of the things we want to implement is to separate the UI from business logic to implement a scalable and robust application. One of the ways we can achieve that is by using "Clean Architecture", which basically is where we separate all layers of our application UI, Business, Infrastructure/Services.

• Folder structure proposed by @yesyash This is just a general setup, there will be some minor changes that we may do while we progress through the application.
• The advantage of this is we can sort of separate blocks of our code which we will rarely change (mainly business logic) with something which may or may not change often (mainly UI).
• This will also enforce a particular structure of code, that will result in consistency in the codebase.

Step 1

• Successfully migrate to typescript.
• Refactor the code which can be used and remove unwanted code.
• Further breakdown
  1. Create the Data layer and business logic.
  2. Set up the UI using the present codebase and refactor and restructure it.
  3. Connect everything together and do a demo deployment