GithubHelp home page GithubHelp logo

Sagar Jain's Projects

ant-design icon ant-design

๐ŸŒˆ A UI Design Language and React UI library

emoji-mart icon emoji-mart

One component to pick them all ๐Ÿ‘Š๐Ÿผ

gatsby icon gatsby

Build blazing fast, modern apps and websites with React

graphjs icon graphjs

Simple directed and undirected graph library in Javascript.

materialize icon materialize

Materialize, a CSS Framework based on Material Design

nodejs icon nodejs

node.js mongodb็Ÿฅ่ฏ†ๅบ“็ฎก็†็ณป็ปŸ

react_redux_typescript_scss_boilerplate icon react_redux_typescript_scss_boilerplate

This is a react app, built with typescript and SCSS. To generate this project, I have used create-react-app with typescript transpiler. While creating this project, I also took the liberty of creating and hosting a basic fully responsive boilerplate template for this project on Github, which includes things like redux-thunk style state management, react routing, logging, services, components, SCSS compilation, a basic header with slide out hamburger icon style menu on mobile, a footer and a loading spinner for API's, a mock backend structure for API calls using axios, environment separation using dotenv, etc all working out of the box, so that any developer can use this while starting a react project in typescript, and hit the ground running with a deployment-ready basic template project, without wasting time on creating a boilerplate all these mundane activities.

react_typescript_basic_admin_dashboard_template icon react_typescript_basic_admin_dashboard_template

The dashboard app which I have created the following main features for now: 1. Dashboard screen - created a few graphs and separated them into 3 tabs for top-selling products, transaction volumes per product offering, and transaction volumes per vendor. 2. Invoice screen - created a screen which shows a list of all purchases of each vendor - the invoice amount, all products purchased. You can view the invoice as a table on the screen, and see a list of all products, bill amount, total amount etc, and you can also download the same as a simple spreadsheet. 3. Vendors screen - created a simple screen where you can find a list of all vendors associated with the platform - their payment status, number of channel partners, the invoice amount, basic search functionality, ability to download details of each vendor as a spreadsheet, and also for downloading the details of all vendors as a spreadsheet in one go. 4. Dummy API's using a free REST service I found online and generated random data for products, transactions, vendors, invoices etc. If needed, you can simply inspect the network calls happening on each page and view the API's in your browser.

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.