ID Card REST/GraphQL API with Strapi, React Web UI & Ant Design Mobile [Part 1/3] - 1-on-1 Meeting

🌐 Connect with Kevin :

1. Segue (Personal & Business Bests)

- Personal Best:
1. I was able to change favicon (icon on a browser tab) on a react-app (apple-inventory).

- Business Best:
1. I understood a little bit how to read GraphQL Docs in GraphQL Playground.
2. I felt it was my first time that I could read documentation on official website to implement it without a tutorial on YouTube.
3. I was able to send a JSON Web Token although I use an extension called ModHeader (Tips from Strapi Documentation).

4. Customer / Team Member Headlines (Good / Bad Reports) [5 mins]

- A new member arrived and I think he is talented. He will do things very well.

5. To-Do List (Done / Not Done) [5 mins; 16:20-]

- [ ] Publish Weekly Video to Lovia Team YT Channel
- [x] Summarize Video in Blog Post
- [ ] Kevin Akbar Adhiguna | Miluv Repositories Engineer | Intern Re-Onboarding
- [x] Create a frontend project using React Web (yarn, TypeScript) + Ant Design Mobile for React Web (if there is component that you look but not there, you can use Ant Design non-mobile)

Example - Lovia Marketing Kit

- [ ] Use GraphQL with Apollo Client 3 (beta) generally (login first to get JWT)
- [ ] User can input details about him/herself (name, etc.)
- [ ] Discuss next week how to uploading media whether using GraphQL is possible or need to use REST API
- [ ] Discuss next week on pushing to GitLab repository

- [x] enable GraphQL and demonstrate usage (authenticated)
- [x] then with authentication & authorization
- [x] compare your experience / review GraphQL vs. REST API
- [x] Rename the collection type from `id-card-repository` into `IdCardVerification`
- [x] Contact Strapi Community to ask them to list Strapi Indonesia in the web page.

7. Issues List (Prioritize; IDS) [55 mins]

- [x] GraphQL Playground header `Authorization` without ModHeader Chrome extension
- [ ] CRUD operation of Media field using GraphQL API.
- [x] CRUD operation of Date, and Datetime fields using GraphQL API.
- [x] No one has answered my question on Slack : how to create Strapi Community
- [x] Push Strapi project to GitLab repository

Git best practices:

Conventional commits:

- [x] Hands-on tutorial / pair programming on React + TypeScript + Ant Design Mobile + Apollo Client 3, with GitLab project

CORS configuration:

8. Conclude [5 mins]

Recap To-Do List

- [x] Set all fields as not required
- [x] Update blog post: GraphQL Playground header `Authorization` without ModHeader Chrome extension
- [x] Add role: `id_card_reviewer`: find*, count, create, update
- [ ] Strapi user/meetup group: ("What should I do if I’m interested in launching a Strapi User Group?")

Rating (1-10)
@marcasell khelaifi : 9
@Hendy Irawan: 9

#strapi #rest #api #repository #image #microservice #microservices #react #cms #headless
#lovia #internship #meeting