aliraja-dev / trello-clone-angular

Trello clone app using angular 13, angular material, angularFire and Firebase Firestone amd authentication

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

TrelloCloneAngular

This project was generated with Angular CLI version 13.2.4.

Installation Instructions

Run $npm install in project directory to install the dependencies.

Development server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Project Overview

This project will be a trello clone app using the fireship.io Angular course as a starting inspiration. However, i will be adding two branches to this repo, and one will be with a Firebase service singleton for persistent data storage and other branch will incorporate the state management using NGXS state, actions and selectors for the user boards, user auth state and individual tasks inside a board as well. This project also applies the angular CDK for drag and drag.

Draggable Individual boards

homepage

Add New Board

homepage

Add new Task

homepage

Update Task

homepage

Delete Reusable component with confirmation logic

homepage

Firestore Security Rules

Only auth user can read his own boards & only auth users can create new boards and their userId is placed on every board they create homepage

About

Trello clone app using angular 13, angular material, angularFire and Firebase Firestone amd authentication


Languages

Language:TypeScript 66.5%Language:SCSS 15.0%Language:HTML 14.4%Language:JavaScript 4.1%