[DMP 2024]: HCX - Redesigning UI stack for better implementation and create a common components library on npm

[shiva-rakshith]

Description

The project aims to understand different UI applications provided by Swasth for claim processing and outlines the design process for creating a core UI component and integrating it into multiple applications. This approach promotes code reusability and maintainability across multiple projects. Common components library to be hosted on npm with documentation.

Goals

1. Understand and review claim processing UI applications provided by Swasth. The applications are
   Assisted BSP
   BSP
   OPD
   Self Service Portal
   Payor App
2. Identify the common functionalities in all the above applications which includes UI component, Javascript functions and API calls
3. Creating a core component library which then can be used in the given applications

Expected Outcome

1. Identify common functionalities such as login and claim processing etc. which are common in most of the apps.
2. Create a core component library with common functionalities which includes UI components and JS utils that can be used by all the apps
3. Design and code the test cases for all the identified components

Acceptance Criteria

1. Common Components library is published on NPM with all listed features.
2. Test cases are implemented and code coverage is more than 80 percent
3. Versioning: Follow semantic versioning (SemVer) for your package versions. This helps users understand the significance of each update (major, minor, patch).
4. README.md: Write a comprehensive README file that includes information on how to install, configure, and use your package. Provide examples and usage scenarios.
5. Linting and Formatting: Enforce coding standards and formatting rules using tools like ESLint and Prettier. This ensures consistency and improves code quality.
6. Dependencies: Clearly specify your package dependencies in the package.json file. Use exact version numbers or version ranges based on compatibility and stability requirements.

Implementation Details

1. Project requires a detailed understanding of npm, React, Typescript/Javascript, Node, HTML5, CSS3, Tailwind CSS, Jest and Enzyme.
2. Npm and Node will be required on the machine to develop the code components and run the applications
3. React, Typescript/Javascript, Tailwind CSS to be used for the development
4. Jest and Enzyme to be used for writing test cases
5. Core component library will be finally hosted on npm

Mockups / Wireframes

NA

Product Name

HCX UI Core Component library

Project Name

Redesigning HCX UI stack for better implementation and create a common components library on npm

Organization Name:

Swasthalliance

Domain

Healthcare

Tech Skills Needed:

React, Javascript, Typescript, Node, HTML5, CSS3

Mentor(s)

@maheshkumargangula

Complexity

High

Category

Integrations, Performance Improvement, UI/UX/Design

Sub Category

Frontend, Backend, Mobile

[jayesh9747]

Hello @saurabh-singh-17
Is there any documentation related to this application described in this issue? It would be beneficial for a better understanding of each application. also one more Query should we create a web app or an npm package?

[SanjanaSogimatt]

Hey, @shiva-rakshith can I work on it?

[AMISH-KHAN]

hey, @shiva-rakshith I have a query in goals it says:
"Understand and review claim processing UI applications provided by Swasth".
so where I can find this UI application provided by Swasth.
I am preparing my proposal for this project in DMP and I need to have a full understanding of the required goals.

[KumarVivekPathak]

Hey, @shiva-rakshith I would like to contribute the HCX project. With a background in UI design and development, I'm eager to collaborate on redesigning the UI stack and creating a common components library on npm.

[devsh56]

@shiva-rakshith "Hello Sir, I would like to contribute to the HCX project. Could you please briefly describe the problem and provide the document related to the project? I am creating my proposal for this project and want to contribute to redesigning the UI stack for better implementation and creating a common components library on npm."

[nitian-hritik]

I'm excited about the HCX project and would love to contribute! I'm particularly interested in tackling the UI redesign and building a shared component library on npm. To craft a strong proposal for how I can best support these efforts, could you share a high-level overview of the current issues and point me towards any relevant project documents?

[dhyaneshsiddhartha15]

"Hello,. I'm excited about the HCX project and would love to contribute! I have experience in React JS ,Javascript and Tailwind CSS Could you please grant me access to contribute to the project? Thank you!

[harshilshah99]

Hey, I am interested for contributing to the project. I am facing some difficulties in setting up the project locally so is there some documentation which I can refer to?

[yashpatel139]

Hey, I'm interested to contribute to the HCX project. Will you please briefly describe the problem and provide the document related to the project? so that I can create the proposal for this project and cover all relevant points.

[AkanshuAich]

Hii @shiva-rakshith ,

I am Akanshu Aich, a third year student from International Institute of Information Technology, Bhubaneswar. I am writing to express my interest in contributing to this project as a part of DMP 2024. Having thoroughly reviewed the project, I am impressed by its objectives and it seeks the potential for great impact in industries.

With my background in Backend using Django , MERN with practicing hands on Machine learning and DevOps such as Docker, I believe I can make valuable contributions to both backend and frontend part . My experience includes several projects like Society-Expenditure Manager using Django, Real Estate using MERN and Info-Finding Tool using Machine Learning(LLM), which I believe align well with the goals of your project.

I am particularly interested in fulfilling the requirements of the project and have some ideas on how to approach it effectively. I am committed to adhering to best practices, contributing high-quality code, and actively collaborating with the project maintainers and community.

I am excited about the opportunity to contribute to "Redesigning HCX UI stack for better implementation and create a common components library on npm" and help further its mission. I look forward to discussing potential contributions and how I can best support the project.

Please guide me with procedure and with all your knowledge and experience.

[akshithere]

@shiva-rakshith
Greetings Sir,
I am excited to work on this project as part of DMP.
Am I required to submit a npm package?

[Harikrishnareddyvaddireddy]

Hi sir i m intersted to join

[SagarKapoorin]

goal is to make a centralized npm package for common components used in each application , am i right?

@shiva-rakshith @maheshkumargangula

[Aditya-132]

I am interested to work here

[ChittaranjanTanty]

After winning a bronze in Odisha skill under it software solution for business. now i wish to devote my vacation on learning and implementing my skills which i am currently pursuing. Would be happy if chosen.

[vimalraj687]

yes sir , i am interested

[Madhu-mac]

Hi @shiva-rakshith @maheshkumargangula
This is Madhu Lokesh, Currently working as a Full stack developer in a new-age startup "Drooid". I'm an Open-source enthusiast and also contributed to a few organizations previously. I have experience in MERN stack, Web dev & Mob Dev, and have worked with databases as well. I'm excited about the project, it aligns with my expertise & I want to know more about it.

I would love to collaborate and Contribute to "Swasth Alliance" and be a part of the community. Looking forward to discussing the project further.

Here's My portfolio: https://madhulokesh.netlify.app/
Resume: https://shorturl.at/aesS8

[vimalraj687]

yes

…

On Mon, Apr 15, 2024 at 1:14 AM Madhu Lokesh ***@***.***> wrote: Hi @shiva-rakshith <https://github.com/shiva-rakshith> @maheshkumargangula <https://github.com/maheshkumargangula> This is Madhu Lokesh, Currently working as a Full stack developer in a new-age startup "Drooid". I'm an Open-source enthusiast and also contributed to a few organizations previously. I have experience in MERN stack, Web dev & Mob Dev, and have worked with databases as well. I'm excited about the project, it aligns with my expertise & I want to know more about it. I would love to collaborate and Contribute to "Swasth Alliance" and be a part of the community. Looking forward to discussing the project further. — Reply to this email directly, view it on GitHub <#12 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AOQ2GPITVJNGRWZRCCDLQYDY5LMDXAVCNFSM6AAAAABFKGIP7WVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDANJUGE3DKNRXGA> . You are receiving this because you commented.Message ID: ***@***.*** com>

[hariharan1309]

Hi @shiva-rakshith @maheshkumargangula
I'm Hariharan a recent graduate engineer proficient in React.js, Next.js, Tailwind CSS, Spring Boot, J2EE, MySQL, etc..,.Currently Interning as a Next.js developer. I have an interest to contribute to open source projects and I would like to start with this one as my skills match. I I'm excited about the projec like to Contribute to "Swasth Alliance" and be a part of the community. I'm looking forward to discuss about the project further.

[sourav-sm]

@shiva-rakshith
Greetings Sir,
I am Sourav Mohanta ,excited to work on this project as part of DMP and would love to contribute! I have experience in React, Javascript, Typescript, Node, HTML5, CSS3. Could you please grant me access to contribute to the project? Thank you!

[yadavshubham01]

@shiva-rakshith "Hello Sir, I'm Shubham Yadav . I would like to contribute to the HCX project. Could you please briefly describe the problem and provide the document related to the project? I am creating my proposal for this project and want to contribute to redesigning the UI stack for better implementation and creating a common components library on npm ."

[AbhimanyuSamagra]

Do not ask process related questions about how to apply and who to contact in the above ticket. The only questions allowed are about technical aspects of the project itself. If you want help with the process, you can refer instructions listed on Unstop and any further queries can be taken up on our Discord channel titled DMP queries. Here's a Video Tutorial on how to submit a proposal for a project.

[chetanpawar29]

Hi @shiva-rakshith & @maheshkumargangula , I would like to work on this project. My tech stack includes Javascript, Typescript, HTML5, CSS3.

[Riyasharma28]

Respected Mentor @shiva-rakshith @maheshkumargangula
I'm a Full Stack Developer proficient in HTML, CSS, JavaScript, MongoDB, React.js, Node.js, Bootstrap, Database Management, UI/UX Design, Test-driven Development, and frameworks like Laravel and Material-UI. With over 10 projects completed in similar domains, I'm eager to contribute my expertise to your project. I'm excited about the opportunity to collaborate and drive its success. Looking forward to discussing this further.

[mridulsaggi]

Hi @shiva-rakshith , i am mridul, a full stack MERN developer with 3+years of experience in Open source contribution. I carefully went through the project requirements and wanted to work on this project starting from the redesigning the UI of the website to make it user friendly for better implementation, and creating the component library on npm as required. Looking forward to work on the project. Thankyou!

[harshit6174]

Hi @maheshkumargangula

I am extremely enthusiastic about the opportunity to contribute to this project. I've thoroughly reviewed both the source code and the requirements outlined in the project documentation, and I'm excited to see that they align closely with my technical skills and experience.
The project's focus on redesigning the UI stack for better implementation and creating a common components library on npm resonates well with my background. I have hands-on experience with technologies like React, TypeScript/JavaScript, Jest, Node.js, HTML5, CSS3, and have previously worked on creation of reusable UI components.
I will be sending my proposal soon and looking forward to the possibility of working together on this exciting project.

[PayalKumari10]

Hello @maheshkumargangula @shiva-rakshith ,
Excited about the project's alignment with my skills & experience, particularly in UI stack enhancement and creating a common components library. Proficient in React, TypeScript/JavaScript, Jest, Node.js, HTML5, CSS3, with prior experience in crafting reusable UI components. I am currently finalizing my proposal and will be sending it your way shortly. I am eagerly anticipating the chance to collaborate with you and your team on this dynamic project.

[SyedzaidHasan]

Hi @maheshkumargangula @shiva-rakshith
excited to participate in your project ,
plz once give me a chance
proficient in javascript,html5,css3 with prior experience

[vivekmishra9631]

Hi @shiva-rakshith , I'm Vivek Mishra, a third-year NIT Karnataka student with a strong passion for building impactful web applications. I'm excited to express my interest in the #12 issue.

My background includes:

Full-Stack Development Experience: I honed my skills as a full-stack developer intern at aiRender for 6 months, working with JavaScript, ReactJS, Redux, and WebRTC. This experience solidified my understanding of both front-end and back-end development.

MERN Stack Expertise: In addition to my internship, I'm also a proficient MERN stack developer, comfortable working with MongoDB, Express, React, and Node.js. This versatility allows me to tackle projects with both front-end and back-end components.

My problem-solving skills are further bolstered by my achievement of a gold medal at Worldquants Brain, demonstrating my ability to think critically and find efficient solutions.

I believe my technical skills, combined with my enthusiasm for building meaningful projects, make me a strong candidate to contribute to the project. I'm eager to learn more about the specific requirements and how my expertise can be utilized.

[SySagar]

hey @shiva-rakshith , I habe built a prototype and want to get it reviewed by you. Where can we connect please.

[rajput999]

Hello @shiva-rakshith , I am abhishek Rajput, a 3rd year Undergraduate student at IIT Kharagpur. I had start working on this project and i have some doubts , i want to discuss those with you so can we connect somewhere?

[saurabh-singh-17]

Hello all,

We request you to prepare a proposal which should include how you would approach the problem and submit your proposal as stated by C4GT guidelines. You can additionally mail the proposal to us.

Thanks,
Saurabh

[harshit6174]

hello @saurabh-singh-17 , I want to share my proposal for the review before the final submission on unstop ,if possible could you please provide your e-mail address

Thank you

[sourav-sm]

Hello @saurabh-singh-17 , I want to share my proposal for review, I already started working on this project and also implement some solution , So can you please provide your Email ID

[sagarkori143]

Submitted the proposal🚀. Hoping for the best✨

[srus1608]

Hi @shiva-rakshith ,
I am writing to express my keen interest in contributing to the project "Redesigning HCX UI stack for better implementation and creating a common components library on npm".

I have thoroughly reviewed the project documentation and requirements, and I am excited about the opportunity to work on this initiative. With my background in Computer Science Engineering from Shri Guru Gobind Singhji Institute of Engineering and Technology, Vishnupuri, Nanded, and my expertise in technologies such as React, JavaScript, Node.js, HTML5, CSS3, SQL Database and the MERN stack, I believe I can make valuable contributions to this project.

Having previously worked on similar projects involving the creation of reusable UI components, I am eager to apply my knowledge and skills to this project.

Could you please let me know if there is an opportunity for me to contribute to this project?

[saurabh-singh-17]

Hello All,

My email address is saurabh@swasthalliance.org

[Apurv428]

Hello mentors @saurabh-singh-17 @maheshkumargangula @shiva-rakshith , could you provide information regarding the interview process? Has it already started or is it yet to begin? Thank you!

[SySagar]

Hello there. When will the interviews start? Have anyone yet got selected.