Code Monkey home page Code Monkey logo

ask-us-frontend's People

Contributors

anushka1309 avatar batflarrow avatar criticic avatar darkknight131714 avatar diyawaghmare avatar hardikarora2 avatar hemant28codes avatar hotblooded058 avatar jalanprakhar avatar k3codes06 avatar kaneki-ken260 avatar kirtee-tech avatar kunal-8789 avatar lalit-commits avatar manisha-404 avatar mansigautam777 avatar monik09 avatar puja-saraf avatar sam-commit avatar shlesh avatar shreya-0508 avatar tushargupta9800 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

ask-us-frontend's Issues

Fixing the issue with continuous integration

Right now the continuous integration setup using GitHub actions to check the code before merging pull request fails at the step:

  • run: flutter format --set-exit-if-changed .

Fix it. Do changes in the code if required.

Refactoring the code

Replace any deprecated property or widget and format the code. Replace repeated code by extracting it in separate class.

Making Routes

Make named routes for buttons like login, Sign up which will push navigator to home screen.

Basic layout of Sign Up 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.

Improve UI of home screen

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.

Updating readme

  • Add github actions successful/unsuccessful tag in readme
  • Adding tips to follow so that your code is a successful build in how to contribute section.

I want to work on this.

Create basic layout of Answer Screen

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)

  • Kindly code in a new dart file
  • Ignore bottom navbar as of now

Implement Bottom Navigation Bar

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.

Basic layout of Home Screen

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.

Add Continuos integration

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 and issue

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 .

Create Basic Layout of Profile Page

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.

  • Please make sure to code in a new dart file.

Adding buttons to profile Screen

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.

Basic layout of Login Screen

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.

Refactoring Fonts folder

In the fonts folder, put all the files directly under fonts folder instead of static folder as it might give error while compiling.

Openning new issues

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.

Update Font

Add a suitable font for headings and general text in pubspec.yaml file.

Fetching all the questions and showing them on question screen

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

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.

Adding Routing to the Application

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.

Hero animation

Add ask us logo on login page and sign up page and add hero animation when the transition happens.

Styling app

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

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.

Basic layout of Ask Question Screen

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.

Starting point of Linking Backend

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.

App Icon

Design an appropriate icon for the app. Implement it on the sign up screen.

Create Working Navigation bar

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.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.