Light

nee-v / neev Goto Github PK

View Code? Open in Web Editor NEW

27.0 5.0 2.0 2.04 MB

A bad-ass collection of components & helpers for VueJS 2, based on Zurb's Foundation.

Home Page: https://github.com/Nee-V/NeeV

License: MIT License

JavaScript 15.57% HTML 0.11% Vue 74.72% CSS 9.60%

vuejs2 foundation-sites frontend-components frontend zurb-foundation

neev's Introduction

NeeV

From the Hindi word, meaning Foundation.

A collection of VueJS components based off the Zurb Foundation for Sites framework. Each component shall be completely configurable using props.

The component collection is still in the early stages of development and what may work one day, may not work the next. Please don't use in production for the time being as we'd hate for any breaking changes to affect you.

Requirements & Installation

The basic requirements for installing NeeV are NodeJS & NPM (or Yarn).

All of the package dependencies are managed by NPM (or Yarn), so to install these just run:

# install dependencies
npm install

# or
yarn install

Development

To start a development server, with hot reload, run:

npm run dev

Building for Production

When building for production, you can produce a fully minified build using:

npm run build

Additionaly, if you would also like to view the analyzer report when building, simply append the --report flag to the command, like so:

npm run build --report

Testing

To run the basic unit tests, use:

npm run unit

For end to end testing, run:

npm run e2e

To run all tests, then it's:

npm run test

neev's People

Contributors

Stargazers

Watchers

Forkers

rubythonode athiwatp

neev's Issues

Add props to Dropdown component

Add dynamic properties and required functionality to the Dropdown component and replace the dummy content in the template to make it a fully functional component.

Split Magellan component into sub-components

Where is demo page?

Where is demo page?

Create Switch component page

Create a page demonstrating the Switch component functionality and options.

Separate Reveal component into sub-components

Split the Reveal component into sub-components for the reveal content and trigger.

This would allow for easier placement of trigger and container in different page locations.

Add props to Accordion component

Fix watch method on Orbit component

When on the Orbit component page, whenever a prop is updated using the demo panel, the Orbit slider breaks.

Split Tabs component into sub-components

Split the Tabs component into sub-components for the tab navigation and the tab panels.

Create Slider component page

Create a page demonstrating the Slider component functionality and options.

Add props to Tabs component

Split Dropdown component into sub-components

Create Orbit component page

Create a page to demonstrate the Orbit component functionality.

Create Accordion Menu component page

Create a page demonstrating the Accordion Menu component functionality and options.

Add props to Switch component

Add props to Magellan component

Add dynamic properties and required functionality to the Magellan component and replace the dummy content in the template to make it a fully functional component.

Create Reveal component page

Create a page demonstrating the Reveal component functionality and options.

Add props to Orbit component

Add dynamic properties and required functionality to the Orbit component and replace the dummy content in the template to make it a fully functional component.

Add props to Pagination component

Add props and required functionality to Pagination component and replace the dummy content in the template to make it a fully functional component.

Why not vue-foundation

Why "Neev" instead of "vue-foundation" ?

Split Orbit component into sub-components

Split the Orbit slider component into sub-components for the slides, dots and arrows.

Setup /docs folder for GitHub pages

Setup and commit the distributable code in /docs folder in the repo, to display the full project in GitHub pages.

Create Dropdown component page

Create Accordion component page

Create a page demonstrating the Accordion component functionality and options.

Fix Foundation initialisation in Top Bar component

The top bar responsive menu is currently non functional.

Init script needs adding to mounted method on the Vue component.

Create Tabs component page

Create a page demonstrating the Tabs component functionality and options.

Recommend Projects

React

A declarative, efficient, and flexible JavaScript library for building user interfaces.
Vue.js

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript

TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
TensorFlow

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
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.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.