npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

minijeu

v1.0.0

Published

- git clone le projet - dans terminal, se placer dans le directory et lancer la commande : php -S localhost:8000 - ouvrir navigateur et saisir : localhost:8000

Downloads

5

Readme

Pour tester :

  • git clone le projet
  • dans terminal, se placer dans le directory et lancer la commande : php -S localhost:8000
  • ouvrir navigateur et saisir : localhost:8000

Infos fonctionnement :

Lance automatiquement index.php : page de démarrage avec un bouton, rattaché au fichier script.js script.js contient le code du mini jeu Quand clique sur la bonne image, found_wanted est mis à true, ce qui redirige automatiquement vers form.php form.php contient le code html du formulaire de saisie de l'adresse mail (accessible seulement si found_wanted est true) et a un bouton relié au fichier form.js form.js est le traitement côté serveur du formulaire (connexion à la BDD Firebase, vérification de l'email saisi : @etu.utc.fr et ne doit pas être déjà dans la BDD) Quand l'adresse mail est ajoutée à la BDD, renvoie vers la page shotgun_reussi.php qui affiche que le shotgun est réussi et unset la variable foudnd_wanted (comme ça, si recharge la page, doit refaire le jeu)

ToDo :

  • Faire une version sans la bonne réponse pour faire galérer les gens dans le vent pendant 2 minute... (promis c'est pas juste méchant, c'est pour faire un premier tri) (faire 2 liens différents, communiquer celui qui a pas le logo en 1er)
  • Générer le lien en Php, un lien à usage unique ou à durée limitée dans le temps
  • Vérifier la responsivité
  • quand réduit la taille de la fenêtre : logos bougent bcp + lentement