Giter Site home page Giter Site logo

back-office-web's Introduction

Back-Office-Web

Back-Office-Web est la version web de l'interface back-office de mon portfolio. Cette application permet de gérer mes projets, expériences, et les commentaires de mes clients, avec une charte graphique cohérente avec l'ensemble de mon portfolio, et une navigation fluide.

Fonctionnalités

  • Gestion des projets : Ajouter et gérer des projets directement depuis l'application web.
  • Gestion des expériences : Enregistrez vos nouvelles expériences professionnelles ou personnelles.
  • Gestion des commentaires : Consultez et gérez les retours de vos clients sur leurs projets.

Technologies utilisées

  • Next.js : Framework principal pour le développement de l'application web. Next.js permet de créer des applications React optimisées pour la performance et le référencement.
  • React : Librairie JavaScript pour construire des interfaces utilisateur dynamiques et réactives.
  • Tailwind CSS : Framework CSS utilitaire pour le stylisme rapide et efficace des composants de l'application.
  • Next-Themes : Pour la gestion des thèmes (mode clair/sombre) au sein de l'application.

Dépendances principales

  • next : Framework React pour le développement d'applications web avec rendu côté serveur et génération de sites statiques.
  • react : Librairie JavaScript pour la construction de l'interface utilisateur.
  • react-dom : Permet d'exécuter React sur le DOM (Document Object Model).
  • next-themes : Pour gérer facilement les thèmes (clair/sombre) dans l'application.
  • tailwindcss : Framework CSS utilitaire pour un stylisme rapide basé sur des classes utilitaires.

Scripts disponibles

  • dev : Démarre l'application en mode développement.
  • build : Génère une version de production optimisée de l'application.
  • start : Démarre l'application à partir du build de production.
  • lint : Analyse le code pour détecter les problèmes de style et de syntaxe.

Installation

Pour installer et exécuter cette application sur votre machine locale, suivez les étapes ci-dessous :

  1. Clonez le dépôt :

    git clone https://github.com/niedjo/back-office-web.git
    cd back-office-web
  2. Installez les dépendances : Assurez-vous d'avoir Node.js installé sur votre machine. Ensuite, exécutez la commande suivante pour installer toutes les dépendances requises :

    npm install
  3. Démarrez l'application : Après l'installation des dépendances, vous pouvez démarrer l'application en mode développement avec la commande suivante :

    npm run dev

    Cela ouvrira l'application sur http://localhost:3000 dans votre navigateur.

  4. Utilisation de l'API : Cette application utilise une API hébergée sur api.niedjo-kuitche.onrender.com pour gérer les données des projets, expériences, et commentaires des clients. Assurez-vous que l'API est opérationnelle pour un fonctionnement optimal de l'application.

Contributions

Les contributions sont les bienvenues ! N'hésitez pas à proposer des améliorations ou à signaler des bugs en ouvrant une issue ou en soumettant une pull request.

Licence

Ce projet est sous licence ISC.

back-office-web's People

Contributors

niedjo avatar

Stargazers

 avatar  avatar

Watchers

 avatar

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.