GithubHelp home page GithubHelp logo

noghanodedra / census-admin-panel Goto Github PK

View Code? Open in Web Editor NEW
1.0 0.0 0.0 2.4 MB

Admin panel for managing census activity by back office. Still work in progress

License: MIT License

JavaScript 1.45% HTML 0.35% TypeScript 98.18% CSS 0.03%
reactjs react apollographql material-ui jwt-authentication secure-cookies censu census- census-api graphql

census-admin-panel's Introduction

census-admin-panel

#react #genric-crud #material-ui #jwt #secure-cookies #session-timeout

Census Admin Panel (Population registration app)

  • Admin panel for managing census activity by back office.

  • This is a basic client app built while learning react and material-ui.

  • This app does not cover all the use cases related to population registration but the intention is to cover react, react-router fundamentals add basic features like login, security(JWT, secure cookie, authorization using tokens), validations, navigation, theming etc.

  • Generic CRUD is implemented to avoid redundant code for same activity.

  • Login, Authenticaton, Authorization, CRUD , Session-management, Localisation is implemented(English, Gujarati)

Live App - Deployed on heroku

Live

Prerequisites

Please install latest NodeJS & NPM which is required to run this app.

This app is integrated with GraphQL-Apollo-Express-Server. So you will need to clone this repository locally and follow set up intructions available on that repository.

You will need to have Xcode and iOS simulator set up for IOS and for Android will need respective SDK & emulator set up before hand.

Installing

Clone the repository by below command.

git clone https://github.com/noghanodedra/census-admin-panel.git

Then CD to cloned repo folder by

cd census-admin-panel
npm install

Locally running the app

Use below commands to start the app locally from the project root folder for respective platforms.

npm run dev

Test users

Following test users are readily availabe to test the look and feel of the app.

Built With

  • React - A JavaScript library for building user interfaces
  • Material-ui - React components for faster and easier web development. Build your own design system, or start with Material Design.
  • i18next - I18next is an internationalization-framework written in and for JavaScript. But it's much more than that.
  • Webpack - Bundling code

Authors

census-admin-panel's People

Contributors

noghanodedra avatar

Stargazers

 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.