Refactoring file structure

[EmperorYP7]

Solves Issue #11

Description: Created a basic file structure for the frontend part of the project with consideration of flexibility to manipulate this in the future.

Checklist

• I've followed the Contributing guidelines provided in the repository.
• I've made the changes which were demanded in the linked issue.
• I've tested my code on a Chromium based browser.
• I've tested my code on Mozilla Firefox.
• My code gave a clean console on debugging. (no warnings/errors)

Testimonial

Overview

Clean console

[ankiiitraj]

the standard is using lowercase letters with '-' for jsx classNames.
Correct me if I'm wrong.
Rest LGTM

[EmperorYP7]

the standard is using lowercase letters with '-' for jsx classNames.
Correct me if I'm wrong.
Rest LGTM

I think there are many conventions for that. class-name and ClassName both are used in official documentation of React and other projects.
This page gives more information about this.

[ankiiitraj]

we're using bootstrap which uses lowercase for classes and for consistency will be using lowercase.
Make the changes are you are good to go

[prskid1000]

LGTM