Git Product home page Git Product logo

createurstech.fr's Introduction

createurstech.fr

Un site internet pour référencer les créateurs de contenus Tech Francophones.

Le site est en construction et disponible ici : https://createurstech.fr

Les créateurs tech

Ajouter un créateur

Tout le monde peut être ajouté à la liste des créateurs. Cependant, un processus automatique vérifiera les conditions suivantes pour afficher les créateurs sur le site web. N'hésitez donc pas à ajouter TOUS les créateurs afin d'être automatiquement ajouté sur le site. Un créateur doit respecter les conditions suivantes pour être présent sur le site :

  • Avoir une chaîne active sur Youtube ou Twitch.
  • Être de langue française
  • Pour Youtube : un minimum de 10k abonnés
  • Pour Twitch : être Partner

Pour ajouter un créateur, vous devez faire une Pull Request. Votre Pull Request doit modifier UNIQUEMENT le fichier : _data/creators-short.json et ajouter TOUS les champs suivants à l'heure actuelle pour le créateur pour lequel vous soumettez une proposition.

{
  "#SPECIFY USERNAME OF THE CREATOR": {
    "youtube_channel_id": #SPECIFY THE CHANNEL ID , YOU CAN FIND IT IN youtube.com/channel/CHANNEL_ID_HERE OR IF youtube.com/user/CHANNEL_USERNAME_HERE PLEASE CHECK youtube_channel_username AND LEAVE THIS ONE = '',
    "youtube_channel_username": #SPECIFY THE CHANNEL USERNAME , YOU CAN FIND IT IN youtube.com/user/CHANNEL_USERNAME OR IF youtube.com/channel/CHANNEL_ID_HERE PLEASE CHECK youtube_channel_id AND LEAVE THIS ONE = '',
    "categories": #SPECIFY CATEGORIES (2MAX, separated by blank space) between dev_web, ia_&_machine_learning, cybersécurité, design_ui/ux,réseaux,admin_&_system,devops,actu_tech, blockchain, dev_mobile, makers 
    "twitch_channel_name": #SPECIFY THE CHANNEL NAME, YOU CAN FIND IT IN TWITCH.TV/CHANNEL_NAME_HERE,
    "twitter_screen_name": #SPECIFY THE CHANNEL NAME, YOU CAN FIND IT IN twitter.com/TWITTER_USERNAME,
  }

Comment contribuer au projet :

  • Tout d'abord, vous devez Installer Jekyll gem
  • Bifurquer, fork le projet
  • Clonez le projet
  • Exécutez 'bundle install' dans le répertoire racine
  • Lancez 'bundle exec jekyll serve' dans le répertoire racine.
  • Vous pouvez accéder au site web à l'adresse http://localhost:4000.
  • Vous pouvez accéder au panneau d'administration avec une belle interface pour modifier le code à http://localhost:4000/admin
  • Modifier le code
  • Faites une Pull Request dans ce repo sur la branche test

Contribution

Vous pouvez contribuer en forkant le projet et en faisant une pull request sur la branche test (faite un message de commit et de pull request clair svp. Pour chaque modification graphique il faut joindre une image avant/aprés au message)

Todo

  • Initialiser le projet sur Jekyll
  • Configuration du domaine personnalisé
  • Ajout de la complétion des données (front)
  • Ajouter des sélections multiples sur l'écran d'accueil
  • Concevoir des cartes de créateurs
  • Design des boutons
  • Design du site global
  • Adaptation responsive(mobile, tablette, pc)
  • Créer un flux de données à partir de Twitch / Youtube / Twitter
  • Amélioration du fichier README
  • Logo créateurs tech
  • Ajouter un bouton aléatoire pour afficher un créateur aléatoire
  • Add shuffle order for each refresh
  • Add Readmore on card instead of scroll

createurstech.fr's People

Contributors

alexysgromard avatar altgrob avatar anisayari avatar azerus972 avatar bastianfbr avatar bdebon avatar boilingbrains avatar capucine19 avatar chaweb avatar cipr0 avatar dezerr avatar dimitritimoz avatar ehadoux avatar jmlf avatar jqueguiner avatar jrstark avatar justelonewolf avatar liorchamla avatar royroyroyroyroyroy avatar sofiyanifren avatar superlln avatar tarekdj avatar tboileau avatar toxicbloud avatar ttwthomas avatar valloa avatar yfe404 avatar yrougy avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

createurstech.fr's Issues

Ajouter du SEO et des metadata

Il faudrait ajouter des metadata dans le head pour le Referencement et ajouter le logo pour les onglet et l'image quand on partage le site par exemple.

Nettoyer le css

J'ai ajouté le css du thème dans _sass et j'ai déplacé notre style dans custom-styles.scss. Il faut nettoyer tout ces fichiers css et gardé uniquement ce qu'on a besoin.

Pour info le style est importé dans assets/styles.css
Plus d'info ici : https://jekyllrb.com/docs/assets/

La Pull Request correspondante est #53

Probleme avec une personne qui ne possède pas de compte Youtube

Je me permet d'ouvrir cette issue car il y a un petit problème sur un créateur

(cette issue fait référence a #82 )

Sur cette image
image

on peu voir qu'aucune chaine youtube est lié or dans le creators.yml qui est généré automatiquement il a était mis avec une chaine youtube (la première de la liste du creator-short.json)

le creators.yml
image

le creator-short.json
image

Je pense qu'il doit avoir une petite erreur dans le code en backend pour la generation de ce fichier la

Fix card

image

Top @DimitriTimoz . Il y a quelques petit bug. Twitter ne s'affiche pas chez tout le monde.

Et tu peux utiliser les datas "_abbreviations" pour les chiffres ?

Et aussi tu peux sur mobile mettre deux column ?
Il faut augmenter le height et diminuer le width. Ou faire des taules différentes pour mobile.

Ca serait bien d'avoir une grid de 4 sur desktop et 2 sur mobile.

Catégories manquantes

Les catégories suivantes pourraient être intéressantes à implémenter:

  • Tutoriels
  • Vulgarisation
  • Entrepreneuriat
  • Blockchain

Filtre on fonctionnel

Les filtres ne fonctionne pas, que ce soit un sujet avec déjà des personnes présentes ou bien juste une plateforme.
Même en voulant revenir sur tout ca n'affiche plus ce qu'on peut voir au départ.

Désolé si c'est encore qu'une feature et pas implenté. :)

Screenshot 2021-07-03 at 14-07-58 Les createurs Tech français

Personne non affichée ?

Dans le json il y a des personnes (pour l'instant j'en ai vu qu'une mais c'est peut-être le cas pour d'autres) qui ne sont pas affichées et qu'on ne peut rechercher.

Exemple :
"ITers": {
"youtube_channel_id": "UCHSJJ_tLIvi9w67LM0hzxkA",
"youtube_channel_username": "ITers",
"categories": "dev_web actu_tech",
"twitch_channel_name": "iter_fr",
"twitter_screen_name": "ITer_fr"
},

ITers n'est pas recherchable
image

Propositions de maquettes desktop + mobile v2.0

Hello 👋

Une première sur GitHub pour moi donc soyez indulgents 🙂

J'ai vu passer un tweet, un design v1.0, des retours/remarques et voici une proposition pour une v2.0 avec un retravail de l'UX et de la hiérarchie des informations. J'ai aussi retravaillé l'Ui en restant dans les codes déjà posés.

Le lien vers les fichiers Figma pour avoir les sources.
Le lien vers la maquette desktop et la maquettes mobile.

À dispo pour discuter des choix en design !
Ciao ! 😁

Navigation clavier

Issue :
La navigation au clavier est complètement incompréhensible une fois qu'on arrive dans la liste des créateurs...
Avoir les gens organisés aléatoirement peut être sympa pour ne pas se retrouver toujours avec les même têtes, mais je ne pense pas que ce soit la bonne solution.

Possible solution :
On pourrai ajouter un ordonnancement sur les nombre d'abonnés (YouTube et Twitch), alphabétique, et pourquoi pas l'ordre d'ajout dans la base.

Passer la barre à 10k abonnes minimum sur YouTube ?

Vous en pensez quoi ? Enfaite à 1k il y a beaucoup trop de personnes et on se perd je trouve.

Et pour en avoir discuter avec certains gros créateurs ils trouvent aussi que 1k c'est beaucoup trop bas pour apparaître dans un référencement.

Maquette desktop - Enjoy it :)

Yo,

On va pouvoir bien avancer, chose promise, chose dûe :
Je ne savais pas où la mettre mais, voici la première version de la maquette desktop.

-> Artboard pour récup les assets

-> Proto. clickable (surbrillances en bleu / "R" pour restart)

Résultats de 2 nuits blanches, mais j'ai pris du kiff à le faire ! Hâte de voir ce que ça va donner !
N'étant pas un pur UIdesigner, je suis à l'écoute de toutes vos remarques pour l'adapter ;)
(DM sur Discord / Twitch / ou comment l'issue )

A dispo. pour la V2 !
++

YouTube's icon

Youtube's icon on youtube subscribers card is not centered vertically.

Bouton "voir plus" bug

Sur mobile, le bouton "voir plus" des créateurs est bug. Quand on clique dessus les informations à voir plus apparaissent au dessus des infos des autres créateurs (voir screen),Screenshot_20210704-091959_Chrome.jpg

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.