Skip to content

widmaker666/Feature_React_Student

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

36 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Projet de Gestion des Étudiants

Ce projet est une application web de gestion des étudiants, construite avec React et Redux. Il permet aux utilisateurs de visualiser, ajouter, modifier et supprimer des étudiants de la base de données.

Fonctionnalités

  • Affichage de la liste des étudiants avec leurs détails (prénom, nom de famille, date de naissance, genre, etc.)
  • Tri des étudiants par prénom, nom de famille et genre
  • Ajout de nouveaux étudiants
  • Modification des informations des étudiants existants
  • Suppression d'étudiants

Style Dynamique avec SCSS et Animations Fluides avec Framer Motion

L'esthétique de notre application est méticuleusement conçue pour offrir une expérience visuelle immersive. En utilisant SCSS, j'ai créé un système de styles dynamique qui permet une personnalisation facile et une maintenance simplifiée. Les animations fluides sont intégrées avec Framer Motion, ajoutant une touche de vie et d'interactivité à chaque interaction. Mon design graphique est caractérisé par des éléments colorés et audacieux, captivant l'attention de l'utilisateur tout en offrant une expérience esthétique et plaisante.

Technologies Utilisées

Mon application repose sur un ensemble de technologies modernes pour offrir une expérience utilisateur de qualité. J'utilise React.js comme framework principal pour la construction de l'interface utilisateur, offrant une architecture robuste et des performances optimales. La base de données est mise en œuvre en utilisant JSON pour sa simplicité et sa flexibilité. Pour le style, j'ai opté pour SCSS, offrant une méthode efficace et maintenable pour gérer les feuilles de style de l'application. Framer Motion est intégré pour fournir des animations fluides et dynamiques, ajoutant une touche d'élégance à chaque interaction. En combinant ces technologies, J'ai créé une application moderne et attrayante, prête à répondre aux besoins des utilisateurs.

Marche à Suivre

  1. Cloner le Projet :

    git clone https://github.com/votre-utilisateur/nom-du-projet.git

npm install

npm run server

npm start

Page d'accueil

Accueil

Page de création d'un élève

Add Student

Page du profil

Profile

Page de modification du profil

Update Profile

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors