status: busy

Trello App, SPA/MVC, Angular

Task scheduler app, node-mailer integration

Overview

The Trello App is a task scheduler application built as an exercise project to mimic the functionality of the Trello app for task management and workflow optimization. Developed using Angular JS with TypeScript, the application integrates node-mailer to enable users to share tasks via email, enhancing collaboration and project tracking.

This project was designed to showcase the implementation of an SPA (Single Page Application) architecture using MVC (Model-View-Controller) patterns, with an emphasis on modular development and modern web standards. The goal was to build a scalable, reusable task management tool while improving proficiency in front-end frameworks and integration techniques.

Features

  • Task Management: Users can create, update, and track tasks, simulating a Kanban-like workflow with cards and task lists.
  • Email Integration: Tasks can be shared with others via email using node-mailer, allowing for seamless collaboration.
  • SPA Architecture: The app was developed as a Single Page Application (SPA), providing a smooth, uninterrupted user experience.
  • Responsive Design: The interface is optimized for both desktop and mobile devices, ensuring accessibility across various screen sizes.
  • Unit Testing: The application was developed with a focus on quality, using Jasmine and Karma for unit testing to ensure functionality.

Tech Summary

  • AngularJS (1.6): The core framework for building the app, implementing an MVC structure to separate concerns.
  • TypeScript: Used for statically typed JavaScript, enhancing maintainability and readability of the code.
  • NodeMailer: Integrated to allow task sharing functionality via email.
  • Testing Frameworks: Jasmine and Karma were used for writing and running unit tests to ensure code quality.
  • Gulp: Used as the task runner for automation, handling tasks such as minification and live-reloading.

Outcome

The Trello App successfully demonstrated key aspects of task management and collaboration, while integrating modern front-end technologies. The app not only replicates core features of the Trello interface, but also introduces a custom email integration feature, improving the collaborative aspect of project management. As an exercise in AngularJS, TypeScript, and node-mailer, this project reinforced best practices in SPA development and modular architecture, producing a robust, scalable app for task management.

Technologies:

ng-mocks
bdd
bootstrap
flex
gulp
jasmine
karma
lodash
app development
modular integration
oop
npm
node.js
trello
typescript
responsive
ux/ui
restful api
rest/api
nodemailer
unit testing
spa
mvc

Categories:

MVCAngular

View Repo