[C4GT Community]: Convert relative imports to absolute imports

[suryabulusu]

Ticket Contents

Description

Currently, we are using relative imports in several component files.

About quiz-frontend: A generic player for playing different types of content (questions, etc.) in a mobile-friendly webapp

Goals

Goals

• [ ] Change to absolute imports. They are easier to understand, remember, and less cumbersome.
• [ ] Ensure that tests don't fail post the changes.

Expected Outcome

No relative imports exist in repo.

Acceptance Criteria

No response

Implementation Details

Reference : https://justinnoel.dev/2019/06/18/configuring-react-absolute-imports-for-typescript/

Mockups/Wireframes

No response

Product Name

Quiz Frontend

Organisation Name

Avanti Fellows

Domain

Education

Tech Skills Needed

Vue.js

Mentor(s)

@suryabulusu

Complexity

Medium

Category

Frontend

[harshitkandpal]

hi I am interested in solving this issue do assign this to me.

[hardik-pratap-singh]

Hey @suryabulusu ! I want to work on this issue under Augtoberfest (C4GT) Please assign this to me..

[harshitkandpal]

Thanks for assigning me the task i will be updating you as soon as i setup the backend and frontend

[harshitkandpal]

hi I have successfully setup the project with front-end and back-end Can I have more info on routing and other related stuffs

[harshitkandpal]

Hi @suryabulusu ! Please check if i am going correct i have using @/ as src/ address and converting all the relative imports ../../ type to @/ type

so do i need to change only components present in components dir ?

Before

After

[VedantKhairnar]

Hello @harshitkandpal Pls direct raise the PR, it will be easy to review for @suryabulusu . Thanks.

[harshitkandpal]

@VedantKhairnar sure i will do it till today or tomorrow evening