Move project listings to web app

[Roshanjossey]

Project listing might be best kept in web app. There we can have more functionality.

🐞 Problem

Current implementation of project listing is constrained by what markdown can do.

🎯 Goal

If we move this to web app, we can implement more functionality like filtering, better way of showing information etc.

💡 Possible solutions

Move the current project suggestion list to web app.

📋 Steps to solve the problem

• Comment below about what you've started working on.
• Add, commit, push your changes
• Submit a pull request and add this in comments - Addresses #<put issue number here>
• Ask for a review in comments section of pull request
• Celebrate your contribution to this project 🎉

[Roshanjossey]

I'm thinking about having a card like UI for each projects

refer to https://opensource.google.com/projects/list/featured to get an idea about how it should look.

[ChrisWcs]

Hey I would love to start working on this card component. Looks like we need a title, Icon, short summary and link to the page. I will create a basic card to start and then go from there. I will use googles as an example.

[Roshanjossey]

Awesome @ChrisWcs, I think you have the right idea in terms of how cards should look.

Please submit a PR when you have something. It'd be good to start conversations early on

Thank you for taking this up

[ChrisWcs]

So I have been working on the cards and I also have build a component that would hold the cards. I have also been working on a search feature based on keywords associated with the projects.

Currently, the cards are functional but need some better styling. I am still learning how to design and work with CSS better. The search feature works by allowing the user to put in a keyword like JavaScript, and then click the enter button to filter. Currently it takes two enter clicks to filter it, I have no idea why... Also I have a JS file that exports an array of objects holding info for each project, This might not be best practice. Please let me know of any suggestions, I have enjoyed working on this and I want to learn more. I will probably put some comments in to help describe the project.

[Roshanjossey]

@ChrisWcs, please submit a PR with your changes. I'd be easier to make reviews and suggestions there where we have more context.

If you wanna make additional changes to that PR, it's simple as pushing to that branch

[sudojoseph]

Did anything happen here or is this still open?

[ChrisWcs]

It is still open. I have been busy and not had time to work on.

[ofonimefrancis]

It would be nice if i can contribute to this. If it is still open i guess

[Roshanjossey]

@opiumated: Yes this is still open

[ofonimefrancis]

Okay , i'll create a new branch and see what has already been done and how i can improve on it

[rahrang]

Still open?

[Roshanjossey]

@rahrang: This is done. We need some clean up though. Like removing the listing from readme and pointing users to web app. Would you like to work on that?

[Roshanjossey]

Closing as this is done.