A Chore Chart Web Application

A web app to keep track of daily chores

· Report Bug ·

Table of Contents

1. About The Project
   • Built With
2. Getting Started
   • Prerequisites
   • Installation
3. Usage
4. Contact
5. Acknowledgments

About The Project

The project is a very simple web application that keeps track of daily chores that also has some business rules. I used asp.net for the backend and built a WebAPI. I used various frameworks too listed below.

(back to top)

Built With

• 
• 
• 

(back to top)

Getting Started

Prerequisites

Angular cli and nodeJS is needed to run the project.

1. Download Node.js Installer from node-url

2. Install Node.js and NPM

3. Run the command below in cmd to install Angular cli

• npm

  npm install -g @angular/cli

Installation

1. Clone the repo

   git clone https://github.com/ali-tunahan/ChoreChartWebApp.git

2. Run the SQLQuery.sql query to create a database (I used SQL Server Express)

3. Insert the location of the database to Backend\DataAccess\Concrete\EntityFramework\ToDoListContext.cs

4. Run the WebAPI (I used visual studio to build the backend so you can open the back end folder with vs and just run it)

5. Run the frontend by running the command below in cmd at the frontend folder

   ng serve

(back to top)

Usage

Navigate through pages with the navigation bar above.

In chores page press the + icon to add a chore. You can use filtering options to filter listed chores. You can edit delete or set a chore as finished using the buttons under options.

(back to top)

Contact

Ali Tunahan Işık - LinkedIn

Project Link: https://github.com/ali-tunahan/ChoreChartWebApp

(back to top)

Acknowledgments

These resources helped me to learn .Net and Angular for this project

• Angular Components Doc
• Youtube Example Project
• .Net Bootcamp
• Img Shields
• Readme Template

(back to top)