Pictures, logos of various technologies

[M-ZubairAhmed]

As per our new design we plan to put a small square picture of the right depending on the type of technology the meetup is on.

#### Initial Plan - [ ] Collect pictures/logos of tech (collected : 0) - [ ] Place them in CMS - [ ] Provide the url as key-value pair for correlation on frontend

If you like our project and believe in our goal, please star the project for it to reach others out there

[duttakapil]

How are we planning to approach this? @M-ZubairAhmed will you completely take care of collecting the pics and putting them up? Can we execute this right now or shall we wait for V2 to roll out?

[vinaypuppal]

Why not we use dev icons fonts like these for technology logos.

• http://konpa.github.io/devicon/
• https://github.com/vorillaz/devicons

[M-ZubairAhmed]

Sounds like a good idea. I will check them out

[M-ZubairAhmed]

@vinaypuppal But how do we filter them out, like api does not give a particular tag out. So how do we choose the appropriate icon?

[elevenpassin]

@M-ZubairAhmed One thing you could do is create components. Like

const VueJSBrand = (props)=>{
  return (
    <svg viewBox="0 0 128 128">
      <path d="m-2.3125e-8 8.9337 49.854 0.1586 14.167 24.47 14.432-24.47 49.547-0.1577-63.834 110.14zm126.98 0.6374-24.36 0.0207-38.476 66.052-38.453-66.052-24.749-0.0194 63.211 107.89zm-25.149-0.008-22.745 0.16758l-15.053 24.647-14.817-24.647-22.794-0.1679 37.731 64.476zM25.997 9.3929l23.002 0.0087M25.997 9.3929l23.002 0.0087" fill="none"></path>
      <path d="m25.997 9.3929 23.002 0.0087l15.036 24.958 14.983-24.956 22.982-0.0057-37.85 65.655z" fill="#35495e"></path><path d="m0.91068 9.5686 25.066-0.1711 38.151 65.658 37.852-65.654 25.11 0.0263-62.966 108.06z" fill="#41b883"></path>
    </svg>
  )
}

Make and export a collection of such components and then you can import them where every it's required and use them :D

import { VueJSBrand } from './lib/icons');

<VueJSBrand/>

[M-ZubairAhmed]

hey thank you for suggestion, but the question is from meetup API we are getting just the description, there are no tags with which we could decide which tech logo to use ? can you think about that too

[elevenpassin]

I don't understand what you're saying.. :/ can you make it a bit clear?

[M-ZubairAhmed]

@buoyantair

• If you would like to know what all fields are being sent over from meetup.com, check this out API Console
• A particular meetup doesnt have a tag with which we could decide which tech logo we have to use. Hope this help. Do you have any question?

[a1ph4]

you can create a local database mapping names of the meetups to their technologies and use the name to filter the icons

[M-ZubairAhmed]

thank you all for the suggestions. we have got enough ideas from you all to work on this task. P.S if you believe in our goal please star us

[M-ZubairAhmed]

Reopening as:
As few domains representations are not in devicons eg : Blockchain, AI etc. They either dont have a particular logo as they are general or are a subject. How do we plan to tackle this? suggestion.

[elevenpassin]

@M-ZubairAhmed I don't think it's a good idea to have a logo for such general subjects. Though you can use something like a chain font for blockchain and a bulb for the AI ??

[M-ZubairAhmed]

that's a good suggestions . @saiabhijitht is coming up with simple representative images for those subjects

[vijay-teddy]

Blockchain design.

[saiabhijitht]

@vijay-teddy Thank you for your work on the blockchain design. But I think representing with circuit design would not be a good idea for blockchain. You can always find a signal following the circuit diagram, but block chain network can't be tracked.

I would suggest to go with a simpler thumbnails with plain background and the logo representing the guide. Look at the first two cards in the preview attached below to see what I am suggesting.

Thumbnails Preview

And we need the thumbnail in the following dimensions

Thumbnail size guides

[vijay-teddy]

@saiabhijitht Alright, thanks for the feedback, I'll work on that.

[vijay-teddy]

Something like this will suffice?

[saiabhijitht]

@vijay-teddy do you have the list of technologies for which we need thumbnails..!!

[M-ZubairAhmed]

@saiabhijitht can you post the list here

[saiabhijitht]

@M-ZubairAhmed Actually I did not find the list in the Wiki. So I was asking if he was given it or not..!!

[M-ZubairAhmed]

you can find the complete list from coderplex/learn repository on github

[duttakapil]

@vijay-teddy you need to understand the technology for which you're trying to create a design, there is no way around it. Unless you do that, I don't think you can come up with something meaningful that we can use

[saiabhijitht]

Blockchain

• [ ] Blockchain

Artificial Intelligence

• [ ] AI
• [ ] ML

Computer Science

• [ ] Computer science

Data Science

• [ ] Data science

Mobile Technologies

• [ ] Android
• [ ] iOS
• [ ] Cross-Native
  • [ ] React Native
  • [ ] Native Script
  • [ ] Xamarin
• [ ] Hybrid Apps
  • [ ] Ionic Framework
  • [ ] PhoneGap

Languages

• [ ] Go Lang
• [ ] Python
• [ ] Rust
• [ ] JavaScript

Web-development

• [ ] Angularjs
• [ ] Reactjs
• [ ] Vuejs
• [ ] Laravel
• [ ] Rails

@M-ZubairAhmed @vijay-teddy

[vijay-teddy]

@duttakapil Si, I agree. @saiabhijitht Ty for the list.