Skip to content

rishikesh-janrao/Koru_UX_Design_Test_Demo

Repository files navigation

Koru_UX_Design_Test_Demo

Test project for Koru UX Design

Objective :

This project demonstrates the solution for problem statement give by KORU UX Designs given at http://koruindia.com/demosite/front-end/test.html.

All the modules and technology stack for this project is aligned toward the profile required tech skills.

Technology Stack has following :

1. Angular Js - 1.8.2 
2. angular-ui-bootstrap
3. Grunt - 0.4.1
4. Express Local Server - 3.2.6

Steps to build and run project :

  1. npm install
  2. grunt serve
  3. grunt dist - for prod build

NOTE - Project has no watchers for html changes, Livereload can be used.

To use live build, Change any file that you want to work on. But after that either add/remove a space to any css file and refresh webpage.

Or just run grunt clean and grunt serve again.

Files and Folders -Structure (Folders are mentioned in bold):

  • root
    • Gruntfile.js
    • package.json
    • ReadMe.md
    • Vendor
      • css -This folder can be used as bucket for external .css libraries.
      • js -This folder can be used as bucket for external .js libraries.
    • tasks
      • dev-server.js - Used for running our local express serve.
      • homepage.js - Used for merging and writing
    • src - Contains our AJS app code
      • app
        • Common
          • banner.html - excluded
        • Home
          • alerts-modal.html
          • home.html
        • assets
        • css
        • js
          • Controllers
          • Directives
          • Services
          • app.js
          • app.routing.js
        • index.html

New view modules can be added in src/app/<Module_Name>/*.html

At the same time, Entry in Gruntfile.js copy task is required to copy modules to dev or dist

Grunt Commands

  1. grunt clean - Cleans the dev or dist generated copy of project
  2. grunt serve - generates the dev version of project in root/dev folder also starts the local express serve at http://localhost:8000/
  3. grunt dist - generates stg/dist/prod copy of project in root/dist folder.

NOTE: THIS REPOSITORY HAS VULNARABLE SECURITY DEPENDECIES, SUGGESTED TO MIGRATE TO ANGULAR 2+.

Happy Coding :-)

About

Test project for Koru UX Design

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published