Projets HTML, CSS et JavaScript

Bienvenue dans ma collection de projets HTML, CSS et JavaScript ! Cet article de blog fournit un aperçu complet des différents projets que j'ai créés, présentant différents aspects du développement Web. Chaque projet est disponible dans son propre référentiel, qui comprend tout le code dont vous aurez besoin pour explorer et apprendre.

Table des matières

• Présentation
• Aperçu du projet
• Démarrage
• Contribuer
• Auteur

Introduction

En tant que développeur Web, j'aime travailler sur une variété de projets qui m'aident à affiner mes compétences en HTML, CSS et JavaScript. Des simples calculatrices aux applications plus complexes, ces projets démontrent différentes techniques et meilleures pratiques en matière de développement Web. Ci-dessous, vous trouverez une liste organisée de projets, chacun avec un lien vers son référentiel GitHub respectif.

Aperçu du projet

Voici un aperçu des projets sur lesquels j'ai travaillé :

1. Actualités Abhi ki

   • Une application d'actualités qui regroupe et affiche les derniers titres.
   • Afficher le code

2. Générateur de conseils

   • Génère des conseils aléatoires pour fournir aux utilisateurs des conseils utiles.
   • Afficher le code

3. Calculateur d'âge

   • Un outil pour calculer l'âge en fonction de la date de naissance.
   • Afficher le code

4. Horloge analogique

   • Affiche une horloge analogique fonctionnelle à l'aide de JavaScript.
   • Afficher le code

5. Carte d'article

   • Un composant de carte stylisé pour présenter les articles.
   • Afficher le code

6. Calculateur IMC

   • Calcule l'indice de masse corporelle en fonction des entrées de l'utilisateur.
   • Afficher le code

7. Compte à rebours

   • Une minuterie qui compte à rebours jusqu'à une date et une heure spécifiées.
   • Afficher le code

8. Simulateur de lancer de dés

   • Simule le lancer de dés avec un générateur de nombres aléatoires.
   • Afficher le code

9. Kit de batterie

   • Un kit de batterie virtuel qui permet aux utilisateurs de jouer différents sons de batterie.
   • Afficher le code

10. FAQ Accordéon

    • Une section FAQ en accordéon pour les sites Web.
    • Afficher le code

11. Flip Coin

    • Une simple simulation de tirage au sort.
    • Afficher le code

12. Concentrez-vous sur la journée

    • Aide les utilisateurs à se concentrer sur les tâches quotidiennes avec une interface utilisateur ciblée.
    • Afficher le code

13. Hamburger gourmand

    • Un menu de hamburgers élégant pour les sites Web liés à l'alimentation.
    • Afficher le code

14. Calculateur de prêt

    • Calcule les remboursements de prêt en fonction des entrées de l'utilisateur.
    • Afficher le code

15. Formulaire de connexion

    • Un formulaire de connexion de base avec validation du formulaire.
    • Afficher le code

16. Calendrier mensuel

    • Affiche un calendrier pour un mois donné.
    • Afficher le code

17. Calculateur hypothécaire

    • Calcule les versements hypothécaires en fonction de diverses entrées.
    • Afficher le code

18. Page d'accueil des actualités

    • Une mise en page de page d'accueil pour un site Web d'actualités.
    • Afficher le code

19. Formulaire d'inscription à la newsletter

    • Un formulaire permettant aux utilisateurs de s'abonner aux newsletters.
    • Afficher le code

20. Générateur de mot de passe

    • Génère des mots de passe sécurisés avec des options personnalisables.
    • Afficher le code

21. Minuterie Pomodoro

    • Une minuterie pour aider à la productivité grâce à la technique Pomodoro.
    • Afficher le code

22. Carte de profil

    • Un composant de carte pour afficher les profils d'utilisateurs.
    • Afficher le code

23. Générateur de codes QR

    • Génère des codes QR en fonction de la saisie de l'utilisateur.
    • Afficher le code

24. Pierre Papier Ciseaux

    • Un jeu de Pierre Papier Ciseaux implémenté en JavaScript.
    • Afficher le code

25. Calculatrice simple

    • Une calculatrice de base pour effectuer des opérations arithmétiques.
    • Afficher le code

26. Ecommerce de baskets

    • Une page e-commerce de baskets avec des listes de produits.
    • Afficher le code

27. Convertisseur de température

    • Convertit les températures entre Celsius, Fahrenheit et Kelvin.
    • Afficher le code

28. Curseur de témoignages

    • Un composant slider pour afficher les témoignages des utilisateurs.
    • Afficher le code

29. Générateur de synthèse vocale

    • Convertit la saisie de texte en mots prononcés à l'aide de l'API Web Speech.
    • Afficher le code

30. Tic-Tac-Toe

    • Un jeu Tic-Tac-Toe classique implémenté en JavaScript.
    • Afficher le code

31. Calculateur de pourboires

    • Calcule le montant du pourboire en fonction de la facture et du pourcentage de pourboire.
    • Afficher le code

32

. Liste de tâches
- Une application simple de liste de tâches pour gérer les tâches.
- Afficher le code

1. Convertisseur de poids
   • Convertit les poids entre différentes unités.
   • Afficher le code

Commencer

Pour cloner et exécuter l'un de ces projets localement, suivez ces étapes :

1. Cloner le dépôt :

   git clone https://github.com/abhishekgurjar-in/html-css-javascript-projects.git

1. Accédez au répertoire du projet :

   cd <project-name>

1. Ouvrez le projet dans votre navigateur : ouvrez le fichier index.html dans votre navigateur pour voir le projet en action.

Contribuer

Si vous souhaitez contribuer à l'un de ces projets, veuillez suivre ces directives :

1. Forkez le référentiel.
2. Créez une nouvelle branche pour vos modifications.
3. Validez vos modifications et transférez-les vers votre référentiel forké.
4. Créez une pull request avec une description de vos modifications.

Auteur

Abhishek Gurjar

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!