This project was generated with Angular CLI version 17.3.2.
A simple task management application built with Angular for the frontend and JSON-server as a mock backend. Inspired by Traversy Media's Angular Crash Course
- Features
- Screenshots
- Getting Started
- Technologies Used
- Project Structure
- Additional Notes
- Contributing
- License
- Questions
- Add Tasks: Create new task entries with descriptions and optional reminders.
- Delete Tasks: Remove tasks as they are completed.
- Reminder Toggle: Mark tasks with reminders and update their status.
- CRUD Operations: The app supports basic create, read, update, and delete functionalities.
- Node.js and
npm
(or yarn) โ To install dependencies and runJSON-server
- Clone this GitHub repository to your local machine.
git clone https://github.com/CypherNyx/task-tracker-app.git
- Open a terminal or command prompt and navigate to the cloned repository's directory.
cd task-tracker
- Run the install command in your terminal
npm install
- Start JSON-server (in a separate terminal):
npm run server
This will start the mock backend on port 5000.
- Run
ng serve
for a dev server. Navigate tohttp://localhost:4200/
. The application will automatically reload if you change any of the source files.
- Frontend:
- Angular (version 17.3.0)
- Font Awesome (for icons)
- Backend:
- JSON-server
- Other:
- RxJS
- TypeScript
src/app
- Contains your Angular components, services, etc.db.json
- The data file for your JSON-server.
Run ng generate component component-name
to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module
.
Run ng build
to build the project. The build artifacts will be stored in the dist/
directory.
Run ng test
to execute the unit tests via Karma.
Run ng e2e
to execute the end-to-end tests via a platform of your choice. To use this command, you need to first add a package that implements end-to-end testing capabilities.
To get more help on the Angular CLI use ng help
or go check out the Angular CLI Overview and Command Reference page.
Pull requests are welcome. Please open an issue first to discuss any proposed changes or additions.
- Angular Crash Course: Link to YouTube Tutorial by Traversy Media
- Background Image generated using the Haikei App
- Libraries:
- Angular-fontawesome: Link
https://opensource.org/licenses/MIT
This project is open source and available under the MIT License.
GitHub CypherNyx
Email: [email protected]