Skip to content

docs(ui-react): weekly updates #321

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion docs/2025/ui-react/updates/2025-06-01.md
Original file line number Diff line number Diff line change
Expand Up @@ -66,7 +66,7 @@ Complete FOSSology Community including
- We finalized a weekly meeting schedule that worked for all.
- Contributors shared their early progress, initial observations, and discussed how ther prefer to work.
- Mentors highlighted the value of clear, regular communication and staying active in the community.
- EXpectations around collabroation, support, and handling open issues or PRs were discussed.
- Expectations around collabroation, support, and handling open issues or PRs were discussed.
- Guidelines for writing documentation and progress reports were also shared.
- Everyone confirmed that they had successfully set up their environments and were able to begin contributing major issues.
- This marked the end of the Community Bonding Period.
Expand Down
56 changes: 53 additions & 3 deletions docs/2025/ui-react/updates/2025-06-07.md
Original file line number Diff line number Diff line change
Expand Up @@ -8,9 +8,9 @@ SPDX-License-Identifier: CC-BY-SA-4.0
SPDX-FileCopyrightText: 2025 Tiyasa Kundu <tiyasakundu20@gmail.com>
-->

# Week 01 Meetings and Activities
# Week 1 Meetings and Activities

## FOSSology UI/UX Redesign Project Sync Meeting 2
## Project Sync Meeting 2

*(June 3, 2025)*

Expand Down Expand Up @@ -48,8 +48,58 @@ SPDX-FileCopyrightText: 2025 Tiyasa Kundu <tiyasakundu20@gmail.com>
- Aligned on the learning curve involved and outlined an approach for migrating the existing React codebase to Next.js.
- Gained a clearer vision of the upcoming development tasks and roadmap.

## FOSSology GSoC Weekly Meet

## Activities Done Until the Sync Meet (Week 01)
*(June 5, 2025)*

### Attendees

- [Katharina Ettinger](https://github.com/EttingerK)
- [Gaurav Mishra](https://github.com/GMishx)
- [Shaheem Azmal M MD](https://github.com/shaheemazmalmmd)
- [Kaushlendra Pratap](https://github.com/Kaushl2208)
- [Ayush Bhardwaj](https://github.com/hastagAB)
- [Sahil Jha](https://github.com/sjha2048)
- [Avinal Kumar](https://github.com/avinal)
- [Rajul Jha](https://github.com/rajuljha)
- [Sushant Kumar Mishra](https://github.com/its-sushant)
- [Dearsh Oberoi](https://github.com/deo002)
- [Amrit Kumar Verma](https://github.com/amritkv)
- [Muhammad Salman](https://github.com/SalmanDeveloperz)
- [Tiyasa Kundu](https://github.com/tiyasakundu)
- [Prakash-Mishra](https://github.com/Prakash-Mishra-9ghz)
- [Vaibhav Sahu](https://github.com/Vaibhavsahu2810)
- [Chayan Das](https://github.com/ChayanDass)
- [Oyewale Abdulsobur](https://github.com/smilingprogrammer)
- [Devanshi Sachan](https://github.com/devxnshi)

### Missed

- [Soham Banerjee](https://github.com/soham4abc)
- [Anupam Ghosh](https://github.com/ag4ums)
- [Jan Altenberg](https://github.com/JanAltenberg)
- [Harshit Gandhi](https://github.com/harshitg927)
- [Ahmed Gamal](https://github.com/Ahmed-Gamal24)

### Discussion

#### Mentors

- [Shaheem Azmal M MD](https://github.com/shaheemazmalmmd): General updates regarding project, Request to update the gsoc wiki before joining the call.
- [Gaurav Mishra](https://github.com/GMishx): Requests all the mentors/contributors to send the meeting invites to him or kaushl, so that the timings and invites can be added to WIKI.

#### Contributors

- [Tiyasa Kundu](https://github.com/tiyasakundu)

- Shared that I have been looking into [FOSSologyUI](https://github.com/fossology/FOSSologyUI) code base.
- Mentioned that currently focussing on the migration process of the React code base to Next.js.
- Also mentioned spending some time learning the new framework and tooling to ensure a smoother migration process.

- Other Contributors
- Each contributor briefly shared their weekly progress and updates.

## Activities Done in Week 1

- Completed brushing up on key React concepts, FOSSology’s workflow, and the overall tech stack prior to the meeting.
- Actively participated in discussions around choosing Next.js as the base framework instead of plain React.
Expand Down
100 changes: 100 additions & 0 deletions docs/2025/ui-react/updates/2025-06-14.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,100 @@
---
title: Week 2
author: Tiyasa Kundu
---
<!--
SPDX-License-Identifier: CC-BY-SA-4.0

SPDX-FileCopyrightText: 2025 Tiyasa Kundu <tiyasakundu20@gmail.com>
-->

# Week 2 Meetings and Activities

## Project Sync Meeting 3

*(June 10, 2025)*

### Attendees

- [Tiyasa Kundu](https://github.com/tiyasakundu)
- [Shaheem Azmal M MD](https://github.com/shaheemazmalmmd)
- [Katharina Ettinger](https://github.com/EttingerK)
- [Amrit Verma](https://github.com/amritkv)
- [Gaurav Mishra](https://github.com/gmishx)
- [Dearsh Oberoi](https://github.com/deo002)
- [Devanshi Sachan](https://github.com/devxnshi)
- [Soham Banerjee](https://github.com/soham4abc)

### Discussion

- Shared progress on setting up the Next.js + pnpm environment and beginning the migration by porting key components, starting with the Header component.
- Discussed the shift from React Bootstrap/Material UI to Tailwind CSS and Shadcn UI, weighing pros like performance, flexibility, and better alignment with React Server Components.
- Tailwind’s utility-first approach, ease of customization, and smaller bundle size were key reasons for choosing it over Bootstrap.
- After team discussion, Tailwind + Shadcn were finalized as the new UI CSS stack.
- Discussed a roadmap for continuing the migration, integrating the new stack, and replacing legacy styles progressively.

## FOSSology GSoC Weekly Meet

*(June 12, 2025)*

### Attendees

- [Katharina Ettinger](https://github.com/EttingerK)
- [Gaurav Mishra](https://github.com/GMishx)
- [Shaheem Azmal M MD](https://github.com/shaheemazmalmmd)
- [Kaushlendra Pratap](https://github.com/Kaushl2208)
- [Rajul Jha](https://github.com/rajuljha)
- [Sushant Kumar Mishra](https://github.com/its-sushant)
- [Dearsh Oberoi](https://github.com/deo002)
- [Soham Banerjee](https://github.com/soham4abc)
- [Jan Altenberg](https://github.com/JanAltenberg)
- [Ayush Bhardwaj](https://github.com/hastagAB)
- [Harshit Gandhi](https://github.com/harshitg927)
- [Muhammad Salman](https://github.com/SalmanDeveloperz)
- [Tiyasa Kundu](https://github.com/tiyasakundu)
- [Prakash-Mishra](https://github.com/Prakash-Mishra-9ghz)
- [Vaibhav Sahu](https://github.com/Vaibhavsahu2810)
- [Chayan Das](https://github.com/ChayanDass)
- [Oyewale Abdulsobur](https://github.com/smilingprogrammer)

### Missed

- [Anupam Ghosh](https://github.com/ag4ums)
- [Ahmed Gamal](https://github.com/Ahmed-Gamal24)
- [Amrit Kumar Verma](https://github.com/amritkv)
- [Devanshi Sachan](https://github.com/devxnshi)
- [Sahil Jha](https://github.com/sjha2048)
- [Avinal Kumar](https://github.com/avinal)

### Discussion

#### Mentors

- [Shaheem Azmal M MD](https://github.com/shaheemazmalmmd): General updates regarding project. Discuss on UX progress.

#### Contributors

- [Tiyasa Kundu](https://github.com/tiyasakundu)

- Shared that I have started with the migration proces from React to Next.js.
- Have successfully setup a basic Next.js development environment using pnpm.
- Started transferring components and pages into the new setup, beginning the restructuring of the UI Layer.
- Also mentioned spending some time learning the new framework and tooling to ensure a smoother migration process.

- Other Contributors
- Each contributor briefly shared their weekly progress and updates.


## Activities Done in Week 2

- Initiated the migration of the existing React codebase to Next.js.
- Set up a basic Next.js development environment using pnpm.
- Explored and understood core Next.js concepts, including project structure, routing, and component integration.
- Began migrating components, starting with the Header component.

## Next Steps

- Complete the migration of the Header component and continue with the migration of remaining components.
- Continue exploring and learning essential Next.js concepts to support the migration process.
- Prioritize migrating the full React codebase to Next.js, retaining the existing React Bootstrap CSS for now.
- Once the migration is stable, begin replacing Bootstrap styles with Tailwind CSS as part of implementing the new UI design.
97 changes: 97 additions & 0 deletions docs/2025/ui-react/updates/2025-06-21.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,97 @@
---
title: Week 3
author: Tiyasa Kundu
---
<!--
SPDX-License-Identifier: CC-BY-SA-4.0

SPDX-FileCopyrightText: 2025 Tiyasa Kundu <tiyasakundu20@gmail.com>
-->

# Week 3 Meetings and Activities

## Project Sync Meeting 4

*(June 17, 2025)*

### Attendees

- [Tiyasa Kundu](https://github.com/tiyasakundu)
- [Shaheem Azmal M MD](https://github.com/shaheemazmalmmd)
- [Katharina Ettinger](https://github.com/EttingerK)
- [Amrit Verma](https://github.com/amritkv)
- [Gaurav Mishra](https://github.com/gmishx)
- [Dearsh Oberoi](https://github.com/deo002)
- [Devanshi Sachan](https://github.com/devxnshi)

### Discussion

- Discussed the potential shift from JavaScript to TypeScript in the FOSSologyUI codebase. After considering everyone's input, the team collectively decided to continue with JavaScript for now to maintain focus and reduce the immediate learning curve.
- Shared progress on the migration effort: successfully migrated and rendered the Header and Footer components in the new Next.js setup.
- Mentors suggested adopting a global CSS structure, replacing the inline styles used in the legacy React codebase for better maintainability and consistency.
- I was also instructed to push my migration work to a separate branch in my [Fork](https://github.com/tiyasakundu/FOSSologyUI) of the FOSSologyUI repository and raise a pull request to track progress and get feedback.

## FOSSology GSoC Weekly Meet

*(June 19, 2025)*

### Attendees

- [Katharina Ettinger](https://github.com/EttingerK)
- [Gaurav Mishra](https://github.com/GMishx)
- [Shaheem Azmal M MD](https://github.com/shaheemazmalmmd)
- [Kaushlendra Pratap](https://github.com/Kaushl2208)
- [Rajul Jha](https://github.com/rajuljha)
- [Sushant Kumar Mishra](https://github.com/its-sushant)
- [Dearsh Oberoi](https://github.com/deo002)
- [Soham Banerjee](https://github.com/soham4abc)
- [Jan Altenberg](https://github.com/JanAltenberg)
- [Ayush Bhardwaj](https://github.com/hastagAB)
- [Harshit Gandhi](https://github.com/harshitg927)
- [Muhammad Salman](https://github.com/SalmanDeveloperz)
- [Tiyasa Kundu](https://github.com/tiyasakundu)
- [Prakash-Mishra](https://github.com/Prakash-Mishra-9ghz)
- [Vaibhav Sahu](https://github.com/Vaibhavsahu2810)
- [Chayan Das](https://github.com/ChayanDass)
- [Oyewale Abdulsobur](https://github.com/smilingprogrammer)
- [Amrit Kumar Verma](https://github.com/amritkv)
- [Devanshi Sachan](https://github.com/devxnshi)
- [Avinal Kumar](https://github.com/avinal)


### Missed

- [Anupam Ghosh](https://github.com/ag4ums)
- [Ahmed Gamal](https://github.com/Ahmed-Gamal24)
- [Sahil Jha](https://github.com/sjha2048)

### Discussion

#### Mentors

- [Gaurav Mishra](https://github.com/GMishx)
- General updates regarding project.

#### Contributors

- [Tiyasa Kundu](https://github.com/tiyasakundu)

- Shared that I have successfully migrated and rendered the Header and Footer components in the new Next.js setup.
- Mentioned about my current focus on adopting a global CSS structure, replacing the inline styles used in the legacy React codebase.
- Spending some time learning the new framework and tooling to ensure a smoother migration process.

- Other Contributors
- Each contributor briefly shared their weekly progress and updates.


## Activities Done in Week 3

- Successfully migrated and rendered the Header and Footer components in the new Next.js setup.
- Began extracting inline styles from the legacy React codebase to transition toward a global CSS structure in the Next.js environment.
- Created a [Work-in-Progress Pull Request](https://github.com/fossology/FOSSologyUI/pull/315) to share the code I’ve migrated so far and track ongoing work.

## Next Steps

- Continue migrating remaining components and pages to the Next.js setup.
- Keep exploring and learning key Next.js concepts to support the migration process.
- Continue extracting inline CSS from legacy React components and move styles to a global CSS file for improved structure and maintainability.