💡 Assignment 2: Front End
by Tomas Trescak· React

Root Folder
Not Attempted
NameProgress
Introduction
Not Read
🍰 Player
Not Read
Setup
Not Attempted
NameProgress
Software Installation
Not Read
Project Setup
Not Read
Running and Testing
Not Read
React and ReactDOM
Not Read
💡 Assignment 1: Welcome Message
Not Attempted
Submissions
Not Read
JSX and Components
Props
👾 Exercise: Props
Not Attempted
CSS Styles
useState and Hooks
👾 Exercise: useState
Not Attempted
Conditional Rendering
Lists
👾 Exercise: Lists
Not Attempted
Forms and Events
👾 Exercise: Forms
Not Attempted
💡 Assignment 2: Front End
Not Attempted
Advanced React
Not Attempted
NameProgress
Pure Components - memo
Not Read
Lifecycle - useEffect
Not Read
Expensive? - useMemo
Not Read
DOM Interactions - useRef
Not Read
forwardRef
Not Read
useImperativeHandle
Not Read
👾 useImperativeHandle
Not Attempted
Context
Not Read
useCallback
Not Read
useId
Not Read
useReducer
Not Read
Infrastructure
Not Attempted
NameProgress
Database
Not Read
NextAuth and Github Authentication
Not Read
Prisma and ORM
Not Read
Project Setup
Not Read
Project Authentication
Not Read
APIs
Not Attempted
NameProgress
APIs
Not Read
APIs - Slides
Not Attempted
Rest APIs
Not Read
Rest APIs - Express.js
Not Read
ReastAPIs - Next.js
Not Read
Securing APIs
Not Read
Securing APIs - NextAuth
Not Read
tRPC
Not Attempted
NameProgress
tRPC
Not Read
tRPC - Routers
Not Read
tRPC - Server Rendering
Not Read
tRPC - Client Rendering
Not Read
Persisting Data
Not Read
Assignment 3: APIs
Not Read
0 / 1070 XP
The external project has not been reviewed yet
Please follow instructions below to submit your project

Lecture Transcript
If you prefer text to video, check out the transcript of the presentation above

Finally it's here! We are going to do some hard work to complete the front end of our Get Things Done app. Since you already went through a warmup exercise in the previous section, you should have no issues working on this one.

First, click on the Github Classroom invitation URL and accept the assignment.

Once you accept the assignment ...

... either clone the assignment to your computer

... or use Github Code spaces to work on your assignment.

If you use the local installation, which we recommend, please clone the project using the git clone command. Make sure you use the URL of your repository, not the one in the animation. Then, in the project directory, install project packages using npm or pnpm and run visual studio code with the code dot command.

You'll need to complete the exercise to implement all the missing functionality, making sure all your tests pass. Your goal is to show all tasks, add a new task, delete a task and toggle task completion. The animation shows the fully functional app.

To run the tests, please run the pnpm test or npm test command in the project directory. The animation shows the initial state of the project with six failing tests.

Finally it's here! We are going to do some hard work to complete the front end of our Get Things Done app. Since you already went through a warmup exercise in the previous section, you should have no issues working on this one. The assignment can be accepted at the following url:

https://classroom.github.com/a/vajqpJxp

You have the following goals:

  1. Complete the task by clicking on the checkbox
  2. Render line through completed tasks
  3. Delete assignment
  4. Show the number of ACTIVE assignments
  5. Add task via the input and make it active

This is a short demo of what we expect from the application functionality:

Get Things Done - Finalised Front End

Discussion

1 comment · 2 replies
Loading editor ...
Remember to be polite and report any undesirable behaviour

Category

Empty

Labels

Discussion has no labels

1 participant

user avatar

Priority

Notifications

You're not receiving notifications from this thread.
Course Outline