Skip to content

Latest commit

 

History

History
159 lines (100 loc) · 2.96 KB

File metadata and controls

159 lines (100 loc) · 2.96 KB

Week 4 — PostKit App Integration

Overview

This week you will build the PostKit application using the libraries created by the class.

Your job is to integrate external packages into a working app.

You are not building everything from scratch. You are assembling a system from reusable parts.


Prerequisite

You must have completed Week 3:

  • your library is published to npm
  • you can install and import your own package
  • your README is accurate

If your package is not usable, fix it before starting the app.


Your Goal

By the end of this week, you will have:

  • a working PostKit app
  • all required features implemented
  • all required libraries integrated

What You Must Do

You must:

  1. Install all required packages from npm
  2. Integrate them into your application
  3. Implement all required PostKit features
  4. Verify that each package is used correctly

Required Features

Your app must include:

1. Post List View

  • display posts with title, status, tags, reading time, and date

2. Search

  • search posts by title, body, or tags

3. Filter and Sort

  • filter by status or tag
  • sort by date or title

4. Post Editor

  • create and edit posts
  • update title, body, tags, category, and status

5. Post Preview / Summary

  • show slug, excerpt, reading time, formatted date, and status

6. Slug Generation

  • generate unique slugs for posts

7. Persistence

  • save and load posts locally

Integration Requirements

Your app must:

  • use all required libraries
  • not reimplement library functionality
  • import and use each package correctly
  • follow each package’s documented behavior

If a package has issues:

  • document the problem
  • work around it carefully

Technical Requirements

  • use React + TypeScript
  • app must run without errors
  • data must persist between reloads

Deliverable

Your repository must include:

  • working PostKit application
  • all required features implemented
  • all packages installed and used
  • clean, readable code

Grading Rubric (Week 4)

Criteria Points
Integration of libraries 30
App functionality 30
Correct use of APIs 20
Code quality 10
Completeness 10

Definition of Done

You are finished when:

  • your app runs without errors
  • all required features are implemented
  • all required libraries are used correctly
  • data persists correctly
  • search, filter, and sort work as expected

Common Mistakes

  • reimplementing logic instead of using a library
  • incorrect imports or broken package usage
  • ignoring library documentation
  • incomplete feature implementation
  • app crashes or runtime errors

Final Reminder

This project is about integration, not just implementation.

You are learning how to:

build a complete application using code written by others.

Focus on making everything work together.


Resources