bookstore

Librairie

#? Table des matières

• À propos du projet
  • ? Construit avec
    • Pile technologique
    • Caractéristiques clés
  • Démo en direct
• Commencer
  • Installation
  • Condition préalable
  • Installer
  • Usage
  • Exécuter des tests
  • Déploiement
• Auteurs
• ? Caractéristiques futures
• ? Contributif
• ️ montrer votre soutien
• Remerciements
• Licence

Librairie

La librairie est une application Web que nous pouvons supprimer, ajouter et supprimer un livre, j'ai utilisé React et JSX pour créer cette application Web.

? Construit avec

• Html,
• Css,
• Script java
• Git,
• Github
• Linter
• Webpack
• Réagir

Pile technologique

Client

• Html5
• CSS3
• Javascrip
• Réagir

Serveur

• Extension du serveur en direct contre le code contre le code

Démo en direct

Découvrez la démo en direct de ce projet ici.

Caractéristiques clés

• Linceurs pour la qualité du code
• Conception réactive pour différentes tailles d'écran
• Dans ce projet, les meilleures pratiques de codage sont utilisées.

Commencer

Pour obtenir une copie locale opérationnelle, suivez ces étapes.

1. Accédez à ce lien URL: https://github.com/najibullahjafari/bookstore
2. Clone le repo et commencez à y travailler.

Condition préalable

Afin d'exécuter ce projet, vous avez besoin:

Google Chrome ou autre navigateur

  https://www.google.com/chrome/ ? brand=JJTC & gclid=CjwKCAjw9J2iBhBPEiwAErwpeSDcMFWiIQWj2u5GY6owZ7OaOHw7dYYCHW7uTR4kvYosNJYd4wt4VxoCiywQAvD_BwE & gclsrc=aw.ds

Compte GitHub:

  https://github.com/

NPM installé:

  https://nodejs.org/en/download

Git installé:

  https://git-scm.com/downloads/

Installation

Clone ce référentiel dans votre dossier souhaité:

  cd my-folder
  git clone https://github.com/najibullahjafari/bookstore

Installer

Veuillez effectuer les étapes suivantes de cette commande :

1. Utilisez npm run build pour installer toutes les dépendances.
2. Ensuite, vous pouvez exécuter le projet par commande npm start

LIBERS: Si vous avez eu des problèmes avec des liners pour react vous pouvez installer comme ci-dessous:

Eslint

1. Courir

    npm install --save-dev [email protected] [email protected] [email protected] [email protected] [email protected] [email protected] @babel/[email protected] @babel/[email protected]  @babel/[email protected]  @babel/[email protected] @babel/[email protected]
   

   Vous ne savez pas comment utiliser NPM? Lisez ceci.
2. Copier .eslintrc.json et .babelrc au répertoire racine de votre projet.
3. Ne faites aucun changement dans les fichiers de configuration - ils représentent des directives de style que vous partagez avec votre équipe - qui est un groupe de tous les étudiants Microverse.
4. Exécutez npx eslint "**/*.{js,jsx}" sur la racine de votre répertoire de votre projet.
5. Correction des erreurs de linter.
6. Remarque importante : n'hésitez pas à rechercher des options de correction automatique pour Eslint si vous obtenez un flot d'erreurs, mais gardez à l'esprit que la correction des erreurs de style manuellement vous aidera à prendre l'habitude d'écrire un code propre!

Stylelint

1. Courir

    npm install --save-dev [email protected] [email protected] [email protected] [email protected]
   

   Vous ne savez pas comment utiliser NPM? Lisez ceci.

2. Copier .Stylelintc.json au répertoire racine de votre projet.

3. Ne faites aucun changement dans les fichiers de configuration - ils représentent des directives de style que vous partagez avec votre équipe - qui est un groupe de tous les étudiants Microverse.

4. Exécutez npx stylelint "**/*.{css,scss}" Sur la racine de votre répertoire de votre projet.

5. Correction des erreurs de linter.

6. Remarque importante : n'hésitez pas à rechercher des options de correction automatique pour Stylelint si vous obtenez un flot d'erreurs, mais gardez à l'esprit que la correction des erreurs de style manuellement vous aidera à prendre l'habitude d'écrire un code propre!

Usage

Pour exécuter le projet, exécutez la commande suivante:

Ouvrez l'index.html dans votre navigateur

Exécuter des tests

Pour exécuter des tests, exécutez la commande suivante:

Pour vérifier les erreurs de style:

  npx stylelint " **/*.{css,scss} "

Déploiement

Vous pouvez déployer ce projet en utilisant:

Votre navigateur de travail.

Auteurs

? Najibullah Jafari

• Github: najibullah_jafari
• Twitter: najibullah_jafari
• LinkedIn: najibullah_jafari

(retour en haut)

? Caractéristiques futures

• [Version réactive]

? Contributif

Les contributions, les problèmes et les demandes de fonctionnalités sont les bienvenus!

N'hésitez pas à vérifier la page des problèmes.

(retour en haut)

️ montrer votre soutien

Aimez-vous ce projet? Alors n'attendez pas pour donner une étoile!

(retour en haut)

Remerciements

Je voudrais exprimer ma plus profonde gratitude à Microverse pour ce projet. L'expérience d'apprentissage inestimable et le soutien fourni ont joué un rôle déterminant dans ma croissance en tant que développeur. Mes mentors et instructeurs méritent des remerciements particuliers pour leurs conseils et leur patience. L'esprit collaboratif de mes camarades a été une source constante d'inspiration. J'apprécie également mon appréciation à la communauté open source pour leurs contributions. Enfin, le soutien indéfectible de ma famille et de mes amis a été un moteur tout au long de ce voyage. Merci, Microverse, pour cette incroyable opportunité!

(retour en haut)

Licence

Ce projet est sous licence MIT.

(retour en haut)