Se connecter

Informatique

Création de sites web

Sujet : Présentation de projet web: mimes.io
1
sigill
Niveau 1
06 juillet 2020 à 14:46:57

Bonjour à tous !

J'ouvre ce petit topic pour vous présenter mon projet: https://mimes.io !
C'est tout simplement un site de memes vidéo. On peut y ajouter un meme (pour l'instant seulement depuis un lien Youtube), et le partager avec ses amis pour contextualiser / troller (dans le bon sens :-))) ) une conversation.

On ne peut poster que de courts extraits (20s actuellement), et un lien vers la vidéo originale est inséré en fin de lecture lors d'un partage (pour ramener de l'audience aux auteurs des contenus, si l'extrait vous a plu).

Au départ je pensais que c'était un projet simple à faire, mais au final... https://mimes.io/cbcbbd6060-003d-48df-908a-cc6aa218ca7a

Bref, pour occuper mon temps pendant le confinement, j'ai approfondi mes connaissances en Vue.js (que je connaissais déjà un tout petit peu). Au gré de ma progression, je suis tombé sur Nuxt.js, un framework pour Vue.js que je vous recommande, et qui permet d'ajouter à Vue.js la possibilité de préparer des données côté serveur.
J'ai aussi eu à faire du code côté serveur, mais ça c'était pas en langages web, et c'est des parties que je maîtrisais.

Ce projet m'a pris plusieurs semaines de travail, et j'en profite pour vous partager les quelques ressources et outils qui m'ont été utiles pour parvenir à ce résultat:

  • Le cours Youtube de Grafikart sur Vue.js qui sont vraiment très bien faits: https://youtu.be/g7YKecZhFRA

(je précise que j'avais de bonnes bases en CSS / HTML5, et un niveau moyen en Javascript)

  • La doc officielle Vue.js (je m'en suis surtout servi comme référence sur des points précis), elle est très claire: https://vuejs.org/v2/guide/
  • Nuxt.js, que j'ai découvert par hasard, framework Vue.js, et dont la documentation officielle est aussi très bien faite: https://nuxtjs.org/
  • Il y a aussi quelques cours vidéos gratuits sur vueschool (je n'ai pas du tout testé l'option payante) https://vueschool.io

Pour les cours gratuits mon avis est qu'ils sont de bonne qualité mais de pertinence variable...

N'hésitez pas si vous avez des questions sur ces sujets, je ne suis pas expert mais j'essaierai d'y répondre !

Le site est responsive, donc il fonctionne bien sur smartphone, mais j'ai prévu de me former au développement d'applications Android pour en faire une appli - si vous avez des recommandations de cours Android... ce sera pour le prochain confinement :gni:

Ah et... n'hésitez pas à poster des memes, des trucs sérieux, des trolls, et toute débilité sur https://mimes.io !!

https://www.noelshack.com/2020-28-1-1594039470-logo-text.png

Bonne journée !

B777X
Niveau 9
08 juillet 2020 à 00:27:08

POur l'appli mobile pourquoi ne pas choisir React Native? T'aurais une appli IOS/Android à partir d'un même code source

Pour ton site pourquoi Vue et pas React?

C'est par simple curiosité https://image.noelshack.com/fichiers/2016/41/1476132386-1.png

Sinon bonne chance pour ton projet ambitieux, tu as du traffic sur ton site?

Jeufroid
Niveau 7
08 juillet 2020 à 01:41:58

Go NativeScript pour la partie mobile, c'est un langage cross-plateform et c'est du Vue.JS :-))) :-)))

sigill
Niveau 1
08 juillet 2020 à 10:08:44

Merci pour vos suggestions sur les frameworks mobiles, il faut que j'étudie la question :)
Une zone d'ombre pour moi est que j'aurais aimé pouvoir recouper les vidéos sur smartphone avant de les envoyer à mimes.io, ce qui me permettrait d'ajouter le support des vidéos non-Youtube sans que l'utilisateur ait besoin d'envoyer une vidéo de 1h au serveur qui la recoupe ensuite.
Je ne sais pas si les solutions telles que React Native ou NativeScript permettent d'accéder à des API d'édition vidéo de l'appareil.

Le 08 juillet 2020 à 00:27:08 B777X a écrit :
POur l'appli mobile pourquoi ne pas choisir React Native? T'aurais une appli IOS/Android à partir d'un même code source

Pour ton site pourquoi Vue et pas React?

C'est par simple curiosité https://image.noelshack.com/fichiers/2016/41/1476132386-1.png

Sinon bonne chance pour ton projet ambitieux, tu as du traffic sur ton site?

Il n'y a pas de raison catégorique au choix de Vue.js plutôt que React ou Angular.
J'ai d'ailleurs pas mal hésité (c'était sur un autre projet qui n'a rien avoir).
En gros les critères, très subjectifs, qui ont aiguillé mon choix:

  • moins de choses à assimiler pour être productif sur Vue.js quand on connaît raisonnablement JS, HTML et CSS (pas de JSX, pas de TypeScript),
  • j'ai adhéré au système de templates proposé,
  • c'est pas lié à un GAFA.

Du coup comme je connaissais déjà un peu Vue.js, et que j'avais aimé, je l'ai naturellement choisi pour mimes.io :)

Je n'ai pas beaucoup de traffic sur mon site, je ne sais pas si j'en aurais beaucoup un jour.
Il faudrait que le projet se fasse connaître pour ça et, surtout, qu'il arrive à convaincre :P

Le 08 juillet 2020 à 01:41:58 Jeufroid a écrit :
Go NativeScript pour la partie mobile, c'est un langage cross-plateform et c'est du Vue.JS :-))) :-)))

C'est noté !

boucif
Niveau 24
08 juillet 2020 à 13:09:14

Le 08 juillet 2020 à 01:41:58 Jeufroid a écrit :
Go NativeScript pour la partie mobile, c'est un langage cross-plateform et c'est du Vue.JS :-))) :-)))

J'ai fais des applis Nativescript, la doc est pas ouf et le support n'en parlons pas, c'est bien dommage je le trouve génial.
En plus c'est même plus Telerik qui en assure le développement.

sigill
Niveau 1
10 juillet 2020 à 11:04:41

Des avis sur Capacitor ? https://capacitorjs.com
Qui me permettrait, éventuellement, de porter mon app Nuxt.js existante sur mobile... paraît-il... :) tout en permettant d'accéder aux API natives Android / IOS.

1
Sujet : Présentation de projet web: mimes.io
   Retour haut de page
Consulter la version web de cette page