npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

elite3e33

v0.0.0-development

Published

Elite 3E

Downloads

5

Readme

3E 3.0 (Nikita) UI

This contains the Angular + Material based Single Page Application.

Back to Parent

Prerequsites & Learning

Dependencies

NPM Download Node.js if it's not already installed. If installed, running npm --version in command line should produce an output such as: `x.x.x' (at least 5.6.0).

Development Environment

Just UI Stuff

  1. Install global NPM packages; Angular CLI, TypeScript and tslint via
npm install -g @angular/cli typescript tslint
  1. If using a virtual machine and get a network error, update npm config
npm set proxy "http://webproxy.e.corp.services:80/"
  1. If using Windows and it complains about Python, perform a global install of the windows build tools
npm install -g windows-build-tools
  1. Make sure you are inside the UI directory and install all other node modules via
npm install
  1. Serve up the application using the Angular CLI
ng serve
  1. Open Chrome, Edge or Firefox and navigate to
http://localhost:4200
  1. You will be presented with an endpoint picker with two configurations of the same QA instance. This is so that both AAD authentication and Windows Auth can be tested during development.

UI + API + Framework

  1. Follow the steps in the API README document on how to install a local instance of 3E

  2. Follow the steps in the API README document on how to setup the new API and overlay it across the top of your prebuilt local instance of the 3E framework.

  3. Run ng build and make sure build completes successfully. Optionally, run the following to output production build to local 3E environment:

ng build --output-path=C:\3EProject\3E\api\src\AspNetCore\API.AspNetCore\wwwroot\ui
  1. Open Chrome, Edge or Firefox and navigate to
http://localhost/3E/web
  1. The new UI is designed to detect an instance of 3E running from the same location and should automatically resolve the endpoint without showing a picker and land you on the home dashboard.