Giter Club home page Giter Club logo

cff's Introduction

MVP platform with Reactjs and Nodejs

Fully Coded Components

MVP Dashboard React Nodejs is built with more individual components, giving you the freedom of choosing and combining. All components can take variations in color, that you can easily modify using SASS files. This development process is seamless, Every element has multiple states for colors, styles, hover, focus, that you can easily access and use.

Rest API

Get connected to the Dashboard with a fully functional API made in NodeJS, containing multiple endpoints for managing the platform, each one of them being well documented and easily configurable.

Front-End Pages

Requirements Please install all below required softwares to run the application.

1.react 2.arcgis api for javascript 3.@arcgis/core (package for using es6 modules) 4.reactstrap (if any styling needed other than gis part)

steps to use template: -after unzipping, open terminal in project folder -install all packages by using cmd (>>npm i) -after the packages got installed, start the project by cmd (>>npm start)

to work with gismaps use components:

-TesDashboardMap.js (for web map) -DashboardScene.js (for web scene)

to work outside of maps use components: -Index.js in (src/views directory) -Sidebar.js (to work in sidebar)

to create new functionality in sidebar: -create new js file in sidebar folder -copy either chartBar or functionalityBar code and use it as a reference. -to toggle functionality in sidebar create new state in GlobalState file and use it.

to work with extra modules use: -recharts (for charts) -fontawesome (for icons) -react-bootstrap -bootstrap -reactstrap

cff's People

Contributors

didiermun avatar felixdusengimana avatar renovate-bot avatar

cff's Issues

Dependency Dashboard

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Warning

These dependencies are deprecated:

Datasource Name Replacement PR?
npm node-sass Unavailable
npm react-query Available

Rate-Limited

These updates are currently rate-limited. Click on a checkbox below to force their creation now.

  • fix(deps): replace dependency react-query with @tanstack/react-query
  • fix(deps): update dependency bootstrap to v4.6.2
  • fix(deps): update dependency chart.js to v2.9.4
  • fix(deps): update dependency react-bootstrap to v1.6.8
  • fix(deps): update dependency react-iframe to v1.8.5
  • fix(deps): update dependency @arcgis/core to v4.30.9
  • fix(deps): update dependency datatables.net to v1.13.11
  • fix(deps): update dependency jquery to v3.7.1
  • fix(deps): update dependency ol to v6.15.1
  • fix(deps): update dependency react-dropzone to v11.7.1
  • fix(deps): update dependency react-query to v3.39.3
  • fix(deps): update dependency react-select to v5.8.0
  • fix(deps): update dependency recharts to v2.12.7
  • chore(deps): update dependency eslint-plugin-flowtype to v8
  • chore(deps): update dependency gulp to v5
  • chore(deps): update dependency typescript to v5
  • fix(deps): update dependency bootstrap to v5
  • fix(deps): update dependency chart.js to v4
  • fix(deps): update dependency datatables.net to v2
  • fix(deps): update dependency node-sass to v9
  • fix(deps): update dependency nouislider to v15
  • fix(deps): update dependency ol to v9
  • fix(deps): update dependency ol-layerswitcher to v4
  • fix(deps): update dependency ol-popup to v5
  • fix(deps): update dependency react-bootstrap to v2
  • fix(deps): update dependency react-chartjs-2 to v5
  • fix(deps): update dependency react-datetime to v3
  • fix(deps): update dependency react-dropzone to v14
  • fix(deps): update dependency react-router-dom to v6
  • fix(deps): update dependency react-scripts to v5
  • fix(deps): update dependency reactstrap to v9
  • fix(deps): update font awesome to v6 (major) (@fortawesome/fontawesome-free, @fortawesome/fontawesome-svg-core, @fortawesome/free-solid-svg-icons)
  • fix(deps): update react monorepo to v18 (major) (react, react-dom)
  • ๐Ÿ” Create all rate-limited PRs at once ๐Ÿ”

Open

These updates have all been created already. Click a checkbox below to force a retry/rebase of any.

Detected dependencies

npm
package.json
  • @arcgis/core ^4.21.2
  • @fortawesome/fontawesome-free 5.12.1
  • @fortawesome/fontawesome-svg-core ^1.2.36
  • @fortawesome/free-solid-svg-icons ^5.15.4
  • @fortawesome/react-fontawesome ^0.1.16
  • axios ^0.21.4
  • bootstrap ^4.6.0
  • chart.js ^2.9.3
  • classnames 2.2.6
  • datatables ^1.10.18
  • datatables.net ^1.11.5
  • jquery ^3.6.0
  • lodash ^4.17.21
  • node-sass ^6.0.1
  • nouislider 14.1.1
  • ol ^6.14.1
  • ol-layerswitcher ^3.8.3
  • ol-popup ^4.0.0
  • react 16.12.0
  • react-bootstrap ^1.6.4
  • react-chartjs-2 2.9.0
  • react-copy-to-clipboard 5.0.2
  • react-datetime 2.16.3
  • react-dom 16.12.0
  • react-dropzone ^11.4.2
  • react-iframe ^1.8.0
  • react-query ^3.27.0
  • react-router-dom 5.1.2
  • react-scripts ^4.0.3
  • react-select ^5.1.0
  • reactstrap 8.4.1
  • recharts ^2.1.8
  • eslint-plugin-flowtype 3.13.0
  • gulp 4.0.2
  • gulp-append-prepend 1.0.9
  • typescript 3.7.5

  • Check this box to trigger a request for Renovate to run again on this repository

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.