A simplified contacts application demonstrating SPA technologies.
Technology | Options | Preference | Reason | Decision | Afterthought |
---|---|---|---|---|---|
JS SPA Framework | Angular 1.6+, Angular 4+, React | Angular 4+ | Light, Modular, Workflow automations | Angular 4+ | |
JS 'Dialect' | ES2015, ES2016, ES2017, TypeScript | ES2015 | Native ES, OOP enhancements, 98%+- support in evergreen browsers | TypeScript | |
Storage | SQL, MongoDB, LocalStorage | MongoDB | Proper storage, Scalable, Data restructuring is simple, Fast kick start | ||
Backend | PHP, C#, Node | Node | Fits well with rest of tech stack, No outstanding downsides | ||
Rest API Framework | [Node:] Express, Hapi | Express | Straightforward, Previous experience | ||
UI Framework | Angular Material, Bootstrap |
Legend: [optional] Done
SPA structureRoutingCRUD- Error handling
- Storage
Form validation[Search]- [Sort]
- [Mailto]
- UI
- [User login + Authentication]
- Search input should be cleared on clickout
- Search should not display results for an empty string
- Clickout functionality should be moved to a standalone directive
- [Details view should be in a popup]
- CRUD e2e test
- Search component test
- Collections module unit-test
https://chayachechik.github.io/contacts-poc/
This project is licensed under the MIT License - see the LICENSE.md file for details.