Code Monkey home page Code Monkey logo

vantage's Introduction

Vantage Logo

VANTAGE

Build NPM Downloads Issues License

Vantage is a web optimization tool designed for NEXTjs apps.

  • Uses Google lighthouse under the hood to determine key web vital scores and improvement suggestions.
  • Evaluates your app in the background with every commit.
  • Automatically evaluates every page in the app by traversing the project's endpoints to capture data.
  • Allows you to compare snapshots to see exactly which recommendations changed, and how your updates have directly influenced specific metrics.

Get Started

Install as a dev dependency in your project to get started.

npm install vantage-next --save-dev

Documentation

View further documentation, config setup, and troubleshooting guides at:

https://www.vantagenext.com/docs

Vantage Dashboard

Vantage Dashboard

Compare Commit Results:

Compare Commits

Choose Endpoints:

Choose Endpoints

Technologies used

  • Google Lighthouse
  • Reactjs
  • Material UI
  • Redux Toolkit
  • Recharts
  • SASS
  • Webpack
  • Puppeteer
  • Node

Contributors

Want to Contribute?

  1. Clone the repo and make a new branch: $ git checkout https://github.com/oslabs-beta/Vantage.git -b [name_of_new_branch].
  2. Add a feature, fix a bug, or refactor some code :)
    • Make sure to lint your code!
  3. Write/update tests for the changes you made, if necessary.
  4. Run unit & integration tests and make sure all tests pass: npm test.
  5. Open a Pull Request with a comprehensive description of changes to the dev branch.
  6. Open a Pull Request to the docs and Contributors if necessary.

Thank you!

vantage's People

Contributors

arishoham avatar elidavis42 avatar mnoah1 avatar perezp92 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.