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

thestore

v0.0.18

Published

An online store built on Angular and Bootstrap technologies.

Downloads

35

Readme

TheStore Build StatusdevDependency Status

An online store built on Bootstrap and Angular technologies.

The focus of this project is on developing modular, testable, maintainable, and high quality code intent on delivering fast performance and the best possible user experience.

Follow @the_onlinestore on twitter to stay informed on all commits and other changes.

View the demo website

A development machine should have installed the following dependencies

  • Java
  • nodejs
  • git
  • ruby
  • gulp (npm install -g gulp)
  • bower (npm install -g bower)
  • compass (gem install compass)

To install the project for development on your local dev machine

Either with github

Or with npm -

The source code can be found in the 'thestore/src' folder. Start a web server in development mode with the command: gulp dev

Any changes made to source code will immediately reload on the web browser. JavaScript changes are automatically validated with jshint.

To create a 'build' folder to run the app with optimized resources ready for publishing, run the following command from the 'thestore' folder: gulp build

upcoming features

features in the dev queue for future releases

  1. Move search box to navigation bar
  2. implement a non-scrollable footer for the site
  3. implement SignUp and Login links
  4. Create functional shopping cart page
  5. Create admin mode, for admin users to add & remove products
  6. add additional properties like categories to products
  7. Redesign home page & product details page to incorporate product categories and shopping cart buttons
  8. Enable i18n and l10 - internationalization and localization - with the angular-translate module

Contributing

Contribute to this project by implementing the features listed above or by adding other features you want to work on. Please follow the development guidelines established for this project.

Create unit tests for all your Javascript code in the folder 'thestore/tests/unit'. From the 'thestore' folder, run your unit tests with the command gulp unitTesting

If you add new UI or modify the existing UI, create user acceptance tests in the folder 'thestore/tests/e2e'. From the 'thestore' folder, run your e2e tests with the command gulp acceptanceTesting

Make sure your code builds by running the command: grunt

License

ISC