https://github.com/anapimolodec/tatum

Test Assignment
https://github.com/anapimolodec/tatum

nextjs react zustand

Last synced: about 2 months ago
JSON representation

Test Assignment

• Host: GitHub
• URL: https://github.com/anapimolodec/tatum
• Owner: anapimolodec
• Created: 2024-11-15T05:42:03.000Z (2 months ago)
• Default Branch: main
• Last Pushed: 2024-12-01T06:49:39.000Z (about 2 months ago)
• Last Synced: 2024-12-01T07:29:09.078Z (about 2 months ago)
• Topics: nextjs, react, zustand
• Language: JavaScript
• Homepage: https://task-by-aiaru.netlify.app/
• Size: 848 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Task for T___ Security.

영어로 설명 하겠습니다!

This is a task assignment I am doing for an interview process.

## 📺 Live demo [![Netlify Status](https://api.netlify.com/api/v1/badges/2646ce69-7883-404b-b9c1-62074a6b5322/deploy-status)](https://app.netlify.com/sites/task-by-aiaru/deploys)

[Working demo](https://task-by-aiaru.netlify.app).

## 🤖 Technologies used

**Framework:** React.js + Next.js

**UI:** Radix Themes

**Additional:**

React Hook Form for task creation form.

Zustand for state management.

## 🎁 Bonus 

Added `Create Task` button and functionality to create tasks by some users.

**Note** newly created task is stored in local storage only for test purposes.

### 🌐 Notes on fetching

When user logins, it POST to `/api/auth/login`.

If login is successful, it saves `users` and `tasks` to local storage and state using `Zustand`. 

In real API, it would be fetching `users` and `tasks` separately as well as using other libraries like React-Query.

But for this test case, I think Zustand is enough. 

### Test Case

You can try using `[email protected]` to check Regular User permissions. You can also see tasks list for this user.

```

{

        "userName": "Regular User",

        "userPhone": "+82 010-3798-1059",

        "userEmail": "[email protected]",

        "userRole": "RegularUser",

        "createdAt": "2024-08-26T13:55:35.833919",

        "lastLoggedInAt": "2024-08-26T13:55:35.833922"

}

```

#### ❔ Please let me know if you have any questions!

I hope to go to the next round of the interview~