Big Idea 1 corelation in my code

Creative Development in AP CSP

Introduction

Big Idea 1 in AP Computer Science Principles (CSP) emphasizes Creative Development, which includes the process of designing, coding, testing, and documenting computational artifacts. This blog covers the iterative process, collaboration, and implementation, with a focus on frontend development for a Task Manager application.

Development Process

  1. Brainstorming & Planning
    • Define the project goals and user needs.
    • Create flowcharts or pseudocode to structure logic.
  2. Collaborative Development
    • Utilize version control (e.g., GitHub) for teamwork.
    • Engage in peer reviews for feedback.
  3. Implementation
    • Write modular and reusable code.
    • Document functions and key logic clearly.

Frontend Implementation

Below is the frontend code for a Task Manager application, demonstrating structured UI design and JavaScript-based task management.

```html

layout: base title: Task Manager permalink: /task_manager —

Task Manager

Create a Task

Your Tasks

Task Actions

Big Idea One CRUD Operations

HTTP Method Endpoint Description Image in Postman
GET http://127.0.0.1:8887/api/tasks/5 Proof of the GET method working. GET Image
POST http://127.0.0.1:8887/api/tasks Proof of the POST method working. POST Image
PUT http://127.0.0.1:8887/api/tasks/5 Proof of the PUT method working. PUT Image 1
PUT Image 2
DELETE http://127.0.0.1:8887/api/tasks/5 Proof of the DELETE method working. DELETE Image
Random Tasks http://127.0.0.1:8887/api/random-tasks Example of a random task endpoint calling these categories. Random Task Image

Task Manager Development - Burndown List ✅

Project Completion Status: ✅ All Tasks Completed

Task Status
Brainstorming & Planning ✅ Completed
Define project goals ✅ Completed
Create UI wireframes ✅ Completed
Set up development environment ✅ Completed
Implement Frontend ✅ Completed
Create Task Input UI ✅ Completed
Add/Edit/Delete Task Functionality ✅ Completed
Implement Random Task Feature ✅ Completed
Apply CSS Styling & Enhancements ✅ Completed
Implement Backend ✅ Completed
Set up API endpoints ✅ Completed
Connect frontend with backend ✅ Completed
Implement data storage ✅ Completed
Testing & Debugging ✅ Completed
Frontend functionality testing ✅ Completed
Backend API testing (Postman) ✅ Completed
Fix UI bugs ✅ Completed
Final Review & Documentation ✅ Completed
Write project blog ✅ Completed
Review and finalize code ✅ Completed

Project completed