Updating AcadeMix page

Development
41

@anjisvj Could you please start working on displaying categories on the page?

Use this mock API:
http://www.mocky.io/v2/5ecf65083200002c00e3d139

42

sure I’m working on this.

1 Like
43

Here’s the pull request on displaying categories on the page. :slightly_smiling_face:


3292×1896 554 KB
2 Likes
44

I’m planning on working “creating a view for item”. Let me get this clear. When someone clicks the “Teachers” category they will redirect to a new page which is a new scene as for the file structure and the new page will be like the 2nd sketch right?

So my task is to create that page using the payload. Correct me if I’m wrong :blush:

45

Yeah, @anjisvj. It’s a new scene.

Use this URL structure: /academix/:categoryId/:categoryName/:subCategoryId/:subCategoryName (or any appropriate one) we can change this later.

Display the subcategory name on the top the page

1 Like
46

Hi all,
We’ve created a time-line for academix project. Feel free to edit changes. Thank you :slight_smile:

4 Likes
47

This is quite comprehensive @Gimhan_minion! Can’t wait to see AcadeMiX go live.

1 Like
48

Hello frontend,
Here are the payloads of the category, subcategory by category and, item by subcategory retrieval endpoints.

  • /academix/categories
[
    {
        "translations": [
            {
                "name": "Teacher",
                "language": "en-un"
            },
            {
                "name": "ගුරුවරුන්",
                "language": "sin"
            }
        ],
        "id": 1
    }
]
  • /academix/categories/1/sub-categories
[
    {
        "translations": [
            {
                "name": "ගණිතය  ",
                "language": "sin"
            },
            {
                "name": "Maths",
                "language": "en-un"
            }
        ],
        "id": 1
    }
]
  • /academix/sub-categories/1/items?pageNumber=0&pageSize=5
{
    "content": [
        {
            "translations": [
                {
                    "description": "ලොරේම් ඉප්සුම් ඩොලෝර් සිට් අමෙට්",
                    "name": "ත්‍රිකෝණමිතිය",
                    "language": "sin"
                },
                {
                    "description": "Lorem ipsum dolor sit amet",
                    "name": "Trigonometry",
                    "language": "en-un"
                }
            ],
            "link": "l",
            "id": 1
        },
        {
            "translations": [
                {
                    "description": "ලොරේම් ඉප්සුම් ඩොලෝර් සිට් අමෙට්",
                    "name": "කැල්කියුලස්",
                    "language": "sin"
                },
                {
                    "description": "Lorem ipsum dolor sit amet",
                    "name": "Calculas",
                    "language": "en-un"
                }
            ],
            "link": "l",
            "id": 2
        }
    ],
    "pageable": {
        "sort": {
            "sorted": false,
            "unsorted": true,
            "empty": true
        },
        "pageNumber": 0,
        "pageSize": 5,
        "offset": 0,
        "paged": true,
        "unpaged": false
    },
    "last": true,
    "totalPages": 1,
    "totalElements": 2,
    "first": true,
    "sort": {
        "sorted": false,
        "unsorted": true,
        "empty": true
    },
    "numberOfElements": 2,
    "size": 5,
    "number": 0,
    "empty": false
}
2 Likes
49

Bit similar to AcadeMix but in a different domain. https://www.saasframe.io/

1 Like
50

@anjisvj,
You can use Antd’s list component to display items. (paginations are available)
https://ant.design/components/list/

1 Like
51

Unexpectedly we are kinda behind the schedule in Academix Project. But we’ll try our best to finish it on 7th of June as mentioned. @Gravewalker won’t be available this week therefore we gonna need someone to do his task. (Create a list for sub-categories). Since @piumal1999 working on the new 2 API’s @anjisvj can you help with this after finishing your current task? If possible please update the thread. Thank you! :slight_smile:

52

Here’s the pull request on “Creating a view for items”. Now I’ll start working on displaying subcategories.


Screenshot 2020-06-05 at 10.29.36 AM
Screenshot 2020-06-05 at 10.29.36 AM3360×2012 215 KB
1 Like
53

Here’s the link for code review at 4.00pm today.

54

Here’s the summary for the code review: Create a view for items
Attendees:

@jaye
@Gimhan_minion
@piumal1999

Notes:

Problems

  • Issue with payloads coming in random
  • Issue with duplicate interfaces on subcategory and item

Solutions

  • Use “List” object instead of “Set” object
  • Update the file structure for inteface
  • Changing the file structure

Discussions

  • Discussed the usage of cloning
  • Discussed not to paginate Subcategories

Next Steps:

  • Show a short description for each subcategory in subcategory view
    Use a card design for the UI
2 Likes
55

Thank you @anjisvj for working so hard for the Academix project. :hugs: I’ll assign you in the timeline. How much time do you need to finish @Gravewalker’s task? Feel free to update the timeline.

56

I will finish this tomorrow. @Gimhan_minion

3 Likes
57

Thank you boys for keeping at it :orange_heart:

1 Like
58

Code review on displaying an item on a modal

Attendees:
@jaye
@Gimhan_minion
@YohanAvishke
@Gravewalker

Notes:
Suggestions

  • Change the button
  • Change the link description more accurate
  • React-quil suggested to UI

Issues fixed

  • Data type issues fixed
  • Renamed the variables to meaningful
  • Conditional rendering issues fixed
59

For inspiration : https://untools.co/

image
image2378×1354 288 KB

1 Like
60

This is very cool! I like that you can filter by topic!