Angular Creswave Tasks App

This is a simple task application built with Angular. It allows users to create, update, and delete tasks.

Features

  • Create new tasks
  • Mark tasks as completed
  • Edit existing tasks
  • Delete tasks

Prerequisites

Before running the application, make sure you have the following installed:

  • Node.js and npm (Node Package Manager)
  • Angular CLI (Command Line Interface)

Getting Started

Follow these steps to get the project up and running on your local machine:

  1. Clone the repository:
git clone https://github.com/ortupik/ANGULAR_CRESWAVE_CODE_TEST.git
  1. Navigate into the project directory:
cd ANGULAR_CRESWAVE_CODE_TEST
  1. Install dependencies:
npm install
  1. Start the development server:
npm start
  1. Open your browser and navigate to http://localhost:4200/ to view the app.

Folder Structure

The project structure is as follows:

angular-todo-app/
  ├── src/
  │   ├── app/
  │   │   ├── components/
  │   │   │   ├── header/
  │   │   │   ├── sidebar/
  │   │   │   ├── task-list/
  │   │   │   └── ...
  │   │   ├── models/
  │   │   ├── services/
  │   │   ├── app.component.html
  │   │   ├── app.component.ts
  │   │   ├── app.module.ts
  │   │   └── ...
  │   ├── assets/
  │   ├── environments/
  │   ├── index.html
  │   └── ...
  ├── node_modules/
  ├── angular.json
  ├── package.json
  ├── README.md
  └── ...

Technologies Used

  • Angular: Frontend framework for building the user interface.
  • TypeScript: Superset of JavaScript used for writing Angular applications.
  • HTML/CSS: Markup and styling languages for web development.
  • Bootstrap: CSS framework for building responsive and mobile-first websites.
  • RxJS: Library for reactive programming using Observables.
  • Angular Material: UI component library for Angular applications.

Contributing

Contributions are welcome! Feel free to open an issue or submit a pull request for any improvements or new features.

License

This project is licensed under the MIT License - see the LICENSE file for details.