Projeto Angular Lista De Projetos
FRON END - Criação de lista de projetos com inclusão de tarefas em cada projeto. O intuito do projeto foi para realizar a segregação de componentes, pipes, interface, modal, styles, enum's para serem reutilizados entre os componentes.
Overview
The Angular Project Management Application is an impressive single-page application (SPA) designed to help users manage projects and tasks effectively. Built with Angular, this application not only allows users to list their projects but also provides the capability to include and organize tasks for each project. The focus on component segregation and reusability makes it a noteworthy tool for developers looking to streamline their project management processes.
With the use of modern technologies such as RxJS and Sass, this application stands out for its clean interface and well-structured architecture. From installation to deployment, it covers all the essential features needed for a robust project tracking experience.
Features
-
User-Friendly Interface: The application boasts a well-designed interface that enhances usability, allowing effortless navigation for adding projects and tasks.
-
Component Reusability: By segmenting components, pipes, and modals, the project promotes better maintainability and encourages the use of shared resources across different parts of the application.
-
Task Management: Users can easily attach multiple tasks to individual projects, making tracking progress and deadlines simpler than ever.
-
Responsive Design: Built with Angular Flex-Layout, the application is responsive, ensuring a seamless experience across a variety of devices, from desktops to mobile phones.
-
Modern Technology Stack: Utilizing Angular, RxJS, and Sass showcases a commitment to modern development practices that result in a performant and stylish application.
-
Easy Setup: Installation is straightforward; users can quickly get started by running npm or yarn commands to install dependencies.
-
Deployment Ready: The project is easily deployable on platforms like GitHub Pages, allowing users to showcase their projects without fuss.
-
Demonstration Video: A video tutorial provides a visual guide for users, ensuring that even those new to Angular can effectively navigate and utilize the application.
- Angular
Angular is a TypeScript-based open-source framework by Google for building dynamic single-page applications and cross-platform mobile apps with MVC architecture and a rich set of features.
- SCSS
SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.
- Typescript
TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.