-
Notifications
You must be signed in to change notification settings - Fork 294
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Mobile Android/ iOS Support #33
Comments
Hi @Kop3sh, Thanks for opening this issue and taking a lead on adding Mobile Android/ iOS Support. |
Hi @animator Thank you... I'll get to it then. |
We do not have separate mockups currently as we are using Material 3 as the base. And any tweaks made and all reusable components of API Dash are present in |
Also @Kop3sh, by mockups, I just meant simple rough drawings to show what elements (button, tabs, fields, etc.) will go where for smaller screens. There is no need of very elaborate mockups with full themes. Just simple drawings to discuss on the layout. |
https://drive.google.com/file/d/1guo6oZV66xbIOzYTyuVBF7VdBEcJ7od1/view?usp=sharing This Google Drive link contains a rough sketch of the mobile layout. NB. |
Hi @Kop3sh, I think you can continue using excalidraw if you are comfortable with it. There is a Google Jamboard where people can collaborate. But, I am not sure if it has advanced features like excalidraw. Anyways real-time collaboration is difficult due to timings, so having iterations in the form of comments in this issue thread may actually be better as we can go back and refer to any iteration anytime. I did take a look at the schematics and it has a lot of ideas and I am going through them one by one. Please give me a couple of days to work on it so that I can review all the aspects and add my inputs. Thanks! 🙂 |
I've already tried the darg-and-drop thing, but apparently github "doesn't support this file type"... |
Hi @Kop3sh, It does support compressed file upload .. all you need to do is compress ( |
Hey! Is this issue underway? If so would love to work on it |
Hi @Manas-33, Right now we are in the design stage. |
Yup, would love to contribute 👍 |
@animator any updates/ comments on the mockups |
Hi @Kop3sh ... got swarmed with some new feature reviews. |
sure, take your time |
@animator |
Hi @Kop3sh, Extremely sorry for the delay. It won't happen again. Option A Feedback:
Option B Feedback: This is a new design where we are hiding details in the sliverappbar. It may confuse some users as this kind of interface is not that common in mobile apps. Both versions have elements that we can definitely use in the mobile version. Also, few other points for the mobile version:
I have taken some elements from option A & B and also added some elements from my side to create the below iteration. .. . Do let me know your thoughts on this iteration and please feel free to share any modifications below. |
No problems... I totally agree with what you're saying, I'll get started with coding, if it is okay with you... |
Sure @Kop3sh you can definitely get started. 👍 |
This pull request serves as a starting point, I plan on following more of an iterative approach, -if it is okay with you- just to make sure that I am going with the right path... waiting for your review and guidance |
@AbhinavISM sure, I am not proficient in writing flutter tests, maybe we can collab on that, if it's okay with both of you @animator N.B. it's just a suggestion, feel free to help out with whatever you see fit... |
i have started writing tests only recently too, we can do that together. |
Hi @Kop3sh Thanks for sending the PR .. I will definitely review it.
|
Hi @ashitaprasad, I've generated Android and iOS files for the project and addressed some issues to ensure the app runs smoothly on Android. Could I go ahead and create a pull request with these changes? |
Sure @Yousef-Rabia, please go ahead and raise a PR. |
Hey @animator @ashitaprasad |
@DenserMeerkat looks fantastic 👍 |
@animator These are amazing designs that you have created but there are few things that I would suggest you to must add in the design for better user experience.
When a user click on the requests from the drawer, API request should have to execute it on the home_page screen. |
Having reviewed @animator's mock-ups, I find them closely resembling the desktop client, promising a positive user experience within limited screen space. I propose initiating mobile client coding based on these mock-ups, with the flexibility to incorporate UI/UX enhancements during the development and testing phases. If you agree on this I have some quires after going through the current desktop client codebase. I believe we want to develop a mobile client in a way that ensures modification to functionalities in future won't require change in both desktop and mobile client specific files. So we can: I have gone through the code base so if you want you can answer section specifically as well. It would be difficult for me to give an example on text. If you did not understand and if you want we can hop on a call and discuss it. |
@DILPREET1910 point |
ok thanks got it! |
Hi @animator @ashitaprasad |
@MohammedAshraf19 send across a PR to discuss further on your implementation. |
@animator @ashitaprasad @Kop3sh Hey everyone! I would like to start working on this project for GSoC'24. Can I start building the ui/ux or mockups for the screens? I really have a keen interest in this project, and I would like to contribute. |
Hi! Have you cloned/forked the repository and run it on your system? Some work seems to have been done on the issue in the past weeks (and months), as I can see Pull Requests made -- 1 merged, 3 open. |
@GeekyMonk07 @Detective-Khalifah You can build mockups of the design and submit your implementations via PR. We are reviewing all the open PRs and will provide feedback for the same. |
Hi People. I am intrigued with the idea of the app client, I would be grateful if someone could update what they are expecting now as some work has already been done in the past. |
@chiragtyagi2003 see this comment |
Hi @animator as you mentioned we don't have the app yet, if the project is still open I would like to shift my focus to this. |
Hi @animator @ashitaprasad, I build some initial mockup for the drag and drop functionality and I wanted to pick your brain on it to make sure I am heading into the right direction or not. Now I am working on making UI more feasible and user friendly, but if you could guide me if I am heading in the right direction, and also what else to add. |
@chiragtyagi2003 This UI does not align with the theme of API Dash. Would recommend you to go through the above thread in detail and understand what options have been suggested and why. |
@ashitaprasad I am changing the UI to align with the app's theme, just wanted to make sure about the drag and drop function, in case I am heading in the wrong way. |
Hey man it's looks great man 👍 |
Tell us about the task you want to perform and are unable to do so because the feature is not available
I would like to add support for Mobile Platforms i.e. Android, iOS this would allow to test APIs on-the-go. It might seem excessive and unnecessary but this kind of agility that enables everyone to test stuff on-the-go, having the same familiar UX and set of features providing continuity, with the added benefit of having a shared open-source codebase powered by flutter is what could potentially set this app apart from other competition.
Describe the solution/feature you'd like us to add
My proposal is building a preliminary mobile version of the app with a simplified UI/UX that can empower users to test APIs and endpoints in the simplest way possible on-the-go. This could potentially be utilized in adding future features like integrating a cross-platform sync; providing continuity for signed-up users.
Approach
This is obviously a fairly big feature to be added, for that my approach would be to start
The text was updated successfully, but these errors were encountered: