opencodeiiita / ask-us-frontend Goto Github PK
View Code? Open in Web Editor NEWFlutter based android app
Flutter based android app
Right now the continuous integration setup using GitHub actions to check the code before merging pull request fails at the step:
Fix it. Do changes in the code if required.
Replace any deprecated property or widget and format the code. Replace repeated code by extracting it in separate class.
Make named routes for buttons like login, Sign up which will push navigator to home screen.
You have to make the basic layout of sign up screen.
Check below link for the design of sign up screen.
Figma link
As of now you don't have to worry about the styling or designing. Create just basic buttons and text fields.
Please make sure to make a new dart file before start working.
Make a new function in calling-apis.dart file to post a question that the user will input from the question screen. Refer to the readme for api end points and schema.
Improve UI of home screen and make it similar to the figma link given. Also make use of the constants.dart file to ensure uniformity throughout the app and if required make changes in constants.dart file.
Make appbar similar in all screens.
how to contribute
section.I want to work on this.
You have to make the basic layout of Answer screen.
Check below link for the design of Answer screen.
Figma link
Don't worry about styling as of now just implement basic layout with dummy data.(Implement scrollable view for answer)
Add an edit icon on or near profile picture on profile page and add the functionality to add the selected image from local files to the profile picture.
Implement a Bottom Navigation Bar on the Home Screen. For reference you can check the design on provided figma link.
As of now you don't have to implement any functionality of bottom navigation bar, just make its basic structure.
You have to make the basic layout of Home screen.
Check below link for the design of Home screen.
Figma link
This is the screen where all the posts from different people will be visible, so make it scrollable (hint:- make a new class for the posts).
Make a new dart file and and populate it with dummy data. As of now do not care about styling just implement basic layout. Ignore bottom navigation bar.
Adding continuous integration using github actions to check if the app is correctly building or there is an issue in it so that no PR is merged before correcting the error.
This issue will help us remove issues during final build of the app.
If this issue is good to go, I will definitely like to work on it.
Find bugs or suggest some issues, if they seem relevant we will create the issue and add label and points for it .
Suggest by replying to this .
Improve UI of Login Screen ,style it as in below figma link.
Check below link for the design of Login screen.
Figma Link
You have to make the basic layout of Profile Page screen.
Check below link for the design of Profile Page screen.
Figma link
Upload dummy data(image and profile info) and kindly ignore bottom Navbar as of now.
Replace icons of upvote, comments and bookmark with icon button and implement the functionality that color bookmark icon changes on tap and upvotes increase. Changes should be reflected in the main list of of data too.
You have to make the basic layout of Login screen.
Check below link for the design of Login screen.
Figma link
As of now you don't have to worry about the styling or designing. Create just basic buttons and text fields.
please make sure to make a new dart file before start working.
In the fonts folder, put all the files directly under fonts folder instead of static folder as it might give error while compiling.
If you want to open or work on a new issue you find in the app. Comment here , and if suitable, we will open that as an separate issue.
Add a suitable font for headings and general text in pubspec.yaml file.
Write a function to fetch the list of questions and show the unanswered questions on the question screen. Refer to the readme for api end points and schema.
For now the user data (by whom the question is posted) is not available so use dummy data.
Design App Icon for Ask Us app.
Add screenshot and drive link of high quality icon in comments below. Whose icon will be selected, he will get the points.
The Last date for this issue is 25 October.
NO NEED TO CLAIM THIS ISSUE.
Routing helps to Navigate through the different pages of the application.
This issue will help to connect different pages of the app.
If you find this issue good, I like to work on it.
Add ask us logo on login page and sign up page and add hero animation when the transition happens.
As of now, basic layout of the screens have been created. Now make a new dart file with the name constants.dart and add Styling of buttons and text field as constants so they can be applied to all screens with little modification. (You don't have to apply changes to screens as a part of this issue, just make constants.dart file ).
Improve UI of Sign Up screen and make it similar to the figma link given. Also make use of the constants.dart file to ensure uniformity throughout the app and if required make changes in constants.dart file.
You have to make the basic layout of Ask Question screen.
Check below link for the design of Ask Question screen.
Figma link
As of now you don't have to worry about the styling or designing.
please make sure to make a new dart file before start working.
Make profile screen responsive,since it is overflowing on some devices.
Fix the flutter-ci.yml file updated in pr #25 as it is not working properly.
Import http package successfully in project. For this make a new dart file and in it make a simple asynchronous function that calls and prints data on the console from the given api :-
Api
Use this as a test api and call the function as soon as the app starts.
Find Bug in image picker and also increase size of circular avtar to make profile screen UI similar to given Figma Link
Design an appropriate icon for the app. Implement it on the sign up screen.
Make Sign Up screen responsive, since it is overflowing on some devices.
The basic structure of the navigation bar was created in Issue #12 and now I want to make it completely working, that means clicking buttons should land on respective pages.
If this issue is selected, I would definitely love to work on it.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.