AngularJS Component Admin Panel
September 25, 2016 ยท View on GitHub
Live Demo: Demo
Features
- Component based architecture
- Angular-Charts
- gulp based workflow
- One-way dataflow
- Follows latest industry standards - Angular StyleGuide
Screenshot
Getting Started
Clone or pull this project to your local machine and run npm install.
I recommend using the live-server npm module in order to view any updates you make to the code. Simply do npm install live-server and then run the application from the src folder by typing live-server
This project was built with the help of the gulp taskrunner. The gulp watch task will automatically watch the components directory for any changes to *.js files and will automatically bundle them into the dist folder. It will also watch our style.scss file and compile that to css for us should there be any changes made to that.
Future Plans
I'm planning on integrating this Application into my own site TutorialEdge in the near future. Currently I've put in placeholders for the services which in a way will dictate exactly how I want to be able to interact with the RESTful API I plan on building.
Other Future Additions
- Authentication
- Social Media Integration so that I can schedule tweets
- Email Integration so that I can send out monthly newletters
- Real-time google analytics integration
More Tutorials
This project was built with the intention of being an educational showcase for how to build component based applications in angularjs 1.5.8.
Tutorials based on this application will be added to TutorialEdge.