Skip to content

Facetcher Admin Portal React js app, powerful tool for managing and monitoring facetcher user activities on a web application.

Notifications You must be signed in to change notification settings

henry-azer/facetcher-admin-portal

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

81 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Getting Started

Facetcher Admin Dashboard is a comprehensive and powerful tool for managing and monitoring user activities on a web application. Its user-friendly interface, efficient state management and API integration, and comprehensive set of features make it a valuable tool for administrators who need to manage user accounts, monitor user activities, and ensure the security of the system.

System Architecture

Requirements

  • Node JS ^18.2.0
  • React JS ^18.2.0
  • Redux ^4.2.0
  • Router Dom ^6.8.0

Installation

  • clone repo
git clone https://github.com/henry-azer/facetcher-backend.git
  • install node_modules
npm install --save
  • run project
npm run
  • open web browser on
http://localhost:3000/

Project Structure

├──  .circleci - This folder contains the config file.
|    └── config.yml
│    
│
├──  .vscode - This folder contains settings that are specific to the workspace.
|    └── settings.json
│    
│
├──  docker-compose - This folder contains the version, services and build configurations of the system.
│    └── Dockerfile
|    └── docker-compose.yml
│
|
├──  public - This folder contains the main HTML file, information and instructions for web robots.
│    └── index.html
|    └── manifest.json
|    └── robots.txt
│
|
├──  src - This folder contains the contains the source code for the project.
|    └── assets/
|    └── authentication/
|    └── axios-interceptors/
|    └── components/
|    └── constants/
|    └── localization/
|    └── router/
|    └── store/
|    └── styles/
|    └── utils/
|    └── views/
|    └── index.jsx
|
|
├── .gitignore
|
|
├── package-lock.json
|
|
├── package.json

Features

User Management:

  • Ability to create and manage user accounts.
  • Validation of admin input to ensure accuracy and completeness.
  • List of all users and admins on the system.
  • Ability to create new user or admin accounts.
  • Ability to disable user accounts.

User History:

  • Ability to view user history.
  • Easy access to old drafts for review.
  • Statistics of successful or failed submissions for each user.

Log History:

  • Ability to view system log history.
  • Secure and reliable tracking of user activities.

Access Control:

  • Only admins can access the dashboard.

Technologies Used

  • HTML
  • CSS
  • bootstrap
  • JavaScript
  • ReactJS
  • Redux
  • Middleware
  • MUI
  • axios
  • recharts
  • formik
  • i18next
  • cookies

Contribution

Henry Azer and Bavly Ashraf are the creators of Facetcher Admin Dashboard, a powerful web application designed to manage user accounts and monitor user activities. The development of such a complex application requires a lot of planning, hard work, and collaboration, and Henry and Bavly played a key role in bringing the project to life.

Written by @Alber Ashraf

About

Facetcher Admin Portal React js app, powerful tool for managing and monitoring facetcher user activities on a web application.

Topics

Resources

Stars

Watchers

Forks