Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/alexandrbig1/tasks

TypeScript and Advanced OOP | Fullstack Developer Bootcamp Homework Project 🚀
https://github.com/alexandrbig1/tasks

backend computerscience css3 frontend fullstack html-css-javascript html5 javascript javascript-oop js oop softwareengineer ts typescript ux-ui-design webdesign webdevelopment

Last synced: about 1 month ago
JSON representation

TypeScript and Advanced OOP | Fullstack Developer Bootcamp Homework Project 🚀

Awesome Lists containing this project

README

        

# **Tasks**: typescript project

Fullstack Developer Bootcamp [@GoIT](https://goit.global/us/) - ![Alt text](https://img.shields.io/badge/TypeScript-3178C6.svg?style=for-the-badge&logo=TypeScript&logoColor=white) Module

## Overview

This repository contains my homework project from the Fullstack Developer Bootcamp, focusing on mastering TypeScript, exploring advanced Object-Oriented Programming (OOP) concepts, and utilizing webpack for project bundling.

## Built With

- ![Alt text](https://img.shields.io/badge/TypeScript-3178C6.svg?style=for-the-badge&logo=TypeScript&logoColor=white)
- ![Alt text](https://img.shields.io/badge/JavaScript-F7DF1E.svg?style=for-the-badge&logo=JavaScript&logoColor=black)
- ![Alt text](https://img.shields.io/badge/HTML5-E34F26.svg?style=for-the-badge&logo=HTML5&logoColor=white)
- ![Alt text](https://img.shields.io/badge/CSS3-1572B6.svg?style=for-the-badge&logo=CSS3&logoColor=white)
- ![Alt text](https://img.shields.io/badge/Webpack-8DD6F9.svg?style=for-the-badge&logo=Webpack&logoColor=black)

## Learning Objectives

- **TypeScript Mastery:**
- Utilization of classes, interfaces, enums, types, decorators, and generics for building scalable applications.
- **Advanced OOP Concepts:**
- Implementation of abstraction, encapsulation, inheritance, composition, and applying UML concepts for designing project architecture.
- **Project Architecture:**
- Organizing the project with a clear directory structure, abstract classes, and interfaces to enhance code navigation and maintainability.
- **Project Bundling with Webpack:**
- Organized project structure with the help of webpack, creating a streamlined and efficient development environment.
- **Version Control:**
- Applying Git for version control to track changes, collaborate with others, and manage the project's development lifecycle.
- **Collaboration Tools:**
- Utilizing GitHub for effective collaboration, code reviews, and project management.

## Project Architecture

- **Directory Structure:**
- Organized project structure in the `src/` directory for TypeScript source code.
- **Webpack:**
- Project bundling and module system implementation.

## Features

- **Task Management:**
- Create tasks with titles, descriptions, and the required number of participants.
- Move tasks between active and finished projects through drag-and-drop functionality.

## Languages and Tools:



HTML5
CSS3
JavaScript
TypeScript
NodeJS
Webpack
git

## Connect with me:



linkedin


github


stackoverflow


dribbble


behance