opencodeiiita / donation-app Goto Github PK

Profile Page Design

Task Description:

Your task is to design the profile page according to the given specifications below. Ensure that all buttons are functional, and use sample images where required for the time being.

The design might be of different color theme but your submission should be altered to fit the current app color theme

Happy Contributing! 🎨🖌️

This is the worst task😒 we developers hate!!! Yeah Debugging the code

So in this task you have to resolve the errors☠️ which May/Maynot be there in code

whether in pubspec.yaml or any .dart file

You have to find on your own😂

Good luck Debugger, May you find your peace😉
You have my respect🫡

Description

🚀 Implement a side navigation bar that appears when clicking on the hamburger icon, following the design specifications.

Design

You have to follow this Figma design.

Expected Behavior

👉 When the user clicks on the hamburger icon, the side navigation bar should smoothly slide in from the left, displaying the necessary navigation links.

Screenshots

If applicable, include screenshots or GIFs demonstrating the current state and the proposed changes.

Deadline

⏰Deadline for this task is 2 days after you have assigned.

_Happy Contributing!!!_😊

Add Donation History and Cart System Screens

1. Donation History Screen

• Issue Description: 📜 Create a screen displaying a list of donations made by the current user.
• Task Details:
  • Implement functionality to fetch and display a list of donations made by the user.
  • Design a clear and user-friendly layout for the Donation History screen.
  • Ensure accurate representation of donation details, including the donation amount, date, or any additional relevant information.
  • Include appropriate navigation elements for seamless transitions.

2. Donation Creation Screen

• Issue Description: ➕ Implement a screen with a "+ button" to facilitate making new donations.
• Task Details:
  • Design and implement a screen accessible from the home screen with a prominent "+ button."
  • Allow users to initiate the donation creation process by tapping the "+ button."
  • Provide a smooth transition to the Donation Creation screen.
  • Include any necessary input fields or options for creating a new donation.

3. Cart Box System Screen

• Issue Description: 🛒 Develop a cart box system screen for users to add items and specify donation amounts.
• Task Details:
  • Design an intuitive and user-friendly Cart Box System screen with a focus on adding donation items.
  • Include options for users to input donation amounts and any relevant details.
  • Ensure that the Cart Box System screen aligns with the provided design specifications.
  • Implement a seamless flow for users to add items to the cart and proceed with the donation.

Forgot Password Screen Redesign

Issue Description:

Improve and redesign the forgot password screen to match the overall app design. Add necessary elements such as a text box for email ID, a reset button, and create a new OTP page after the reset button is pressed.

Design Requirements:

1. Email ID Text Box:

   • Include a text box prominently asking for the user's email ID.
   • Ensure the text box is aligned with the app's design aesthetics.

2. Reset Button:

   • Implement a reset button that stands out, encouraging users to initiate the password reset process.
   • Use a contrasting color or bold styling to make the button easily noticeable.

3. New Page - OTP Page:

   • Upon pressing the Reset Button, navigate users to a new page for OTP verification.
   • Design the OTP page to seamlessly flow with the app's existing visual elements.

🎨✨🔒

Happy Contributing!

Issue: Create Identical Pages from Given Image

🖼️ Task:
Develop two pages to replicate the design in the provided images. These screens should appear consecutively after the splash screen.

⏰ Deadline:
2 days from assignment.

🎨 Guidelines:

• Ensure pixel-perfect replication.
• Use the same color scheme and layout.

🚀 Happy Contributing!

Page 1:

Page 2:

Enhance Front Screen Experience and Design Consistency

1. Improve Intro Screens Interaction

• Issue Description: 🔄 Enhance the user experience on the front screen by addressing issues with the slidable intro screens.
• Task Details:
  • Investigate and rectify the slidable behavior among the intro screens that adversely affects user experience.
  • Ensure a smooth and intuitive transition between intro screens without unintended slidable behavior.
  • Test the updated interaction to guarantee a seamless and user-friendly experience.

2. Ensure Design Consistency for Video Screen

• Issue Description: 🎨 Align the design consistency of the screen displaying videos with other screens on the front page.
• Task Details:
  • Analyze the design of the screen showing videos and identify inconsistencies with other front screen elements.
  • Implement necessary adjustments to achieve a cohesive design across all front screens.
  • Confirm that the video screen aligns with the overall theme and visual elements used in other parts of the application.

Your task for this issue is to design a Login Activtiy UI asking for

• user's email
• user's password

PS: This issue is open for all, so no need to claim this issue. You can directly create a pull request

Happy contributing! 😊

FeedFragment Enhancement: Displaying Donations

Task Description:

Your task this time is to enhance the FeedFragment by displaying all the donations in a ListView. Follow the instructions below to achieve this functionality:

Requirements:

1. Donation ListView:

   • Implement a ListView in the FeedFragment to showcase all donations.
   • The data for the ListView should be fetched from the "donations" collection in Firebase Firestore.

2. Individual Donation Ad Design:

   • Design the layout for individual donation ads based on the given photo

3. Firebase Setup:

   • Create a new collection in Firebase Firestore named "donations."
   • Add sample documents to the "donations" collection. Each document should include properties like addImage, addTitle, addDescription, addOrganisation, addTarget, addRaised.

4. create some sample donatios*

5. Also the feedfragment is already created so you have to add the listview in the fragment

write the logic if the user has already logged in the app then everytime they opens the app, they should be re-directed to the home🏠 page rather than every time logging in the app.

Also follow the clean Architecture

Happy Contribution!!! 😊

🔑 Google Sign-In Integration:

Your task is to implement Google Sign-In functionality using the Google button. To accomplish this, make sure you are registered on the Firebase console and obtain the necessary SHA key for your app.

1. 📱 Google Sign-In Implementation:

   • Integrate the Google Sign-In API with your app, allowing users to sign in using their Google credentials.
   • Ensure a seamless user experience during the authentication process.

2. 🔑 SHA Key Addition:

   • Obtain the SHA key for your app from the Android Studio or command line.
   • Add the SHA key to your Firebase project settings to enable Google Sign-In.

   Note: Ensure that the integration is secure, and users can successfully sign in using their Google accounts. This task requires registration on the Firebase console and careful handling of the SHA key.

Currently some of the buttons are not working/redirecting to the desired activity

your task is to made them working.

You can take the help of Figma file for the navigations

Happy Contributing!!!

Design a Good Logo for the App 🎨

• Attach📎 a screenshot/folder link of your work with your PR.
• Point🥇 will only be awarded to the PR that is accepted.

PS: This issue is open for all, so no need to claim this issue. You can directly create a pull request
Note: This issue will be active for only 3 days. ⏳

Happy Contributing!😊

Add a forgot password option on Login Activity to avoid any password loss in future😁

Happy Contributing!!! 😊

GitHub Issue: Add SHA-1 and SHA-256 Keys for Google Login in Firebase Console 🚀

🛠 Task Description:

1. Firebase Console Configuration:
   • 🔄 Add the SHA-1 key and SHA-256 key to the Firebase Console to enable Google login features in the app.
   • 🌐 Navigate to the Firebase project settings and locate the section for adding SHA keys.
   • 🔐 Input both the SHA-1 and SHA-256 keys securely.

Note: If you are not registered in the Firebase Console, please DM your email ID in the GitHub comments or on Discord.

🎉 Happy Contributing! Your contribution in enhancing authentication features is greatly appreciated. 🌟

for this issue you have provide your email id and then make a blank pr only those who are added in the conosle will get there pr merged

SignIn Enhancement and Bug Fixes

Enhancements:

1. SignIn with Email:
   • Implement the ability for users to sign in using their email ID.
   • Utilize Firebase authentication for a secure and seamless sign-in experience.

Bug Fixes:

1. LoginPage Styling:
   • Adjust the excessive upper margin/padding on the LoginPage for a more visually balanced layout.
   • Resize the textBox elements to a more suitable size for improved aesthetics.

Post-Authentication Actions:

1. Redirect to HomeActivity:

   • Upon successful authentication, redirect the user to the HomeActivity.
   • Enhance the user experience with a smooth transition to the main app interface.

2. Toast Confirmation:

   • Display a toast message confirming the successful sign-in process.
   • Provide feedback to the user for a positive interaction.

Write the logic code for Register User and logging the user in two separate files

Happy Contributing!!😊

Description

I have identified several issues on the signup and login pages that need to be addressed.

Signup Screen

• The "Continue" button is not working on the signup screen.

Login Page

• The email box is appearing twice instead of a password box on the login page.
• The "Create Account" option is not functioning as expected.

Expected Behavior

• The "Continue" button on the signup screen should proceed to the next step.
• The login page should have a single email box and a password box.
• The "Create Account" option should successfully create a new account.

NOTE:- The deadline for this task is only 1 day.

Happy contributing!!!😉

🔄 Adding New Pages and Navigation Enhancements:

1. ➕ Create New Fund Page:

   • When the "Create New Fund" button is clicked (both in the hamburger menu and the home page), redirect the user to a blank page specifically designed for creating a new fund.
   • Ensure that both buttons lead to the same new page for consistency.

2. 📄 Additional Blank Pages:

   • Create blank pages for "Settings," "History," "Help & FAQ."
   • Include a back button on each of these pages to allow users to navigate back to the previous screen.

3. 👤 Profile Button and Profile Page:

   • Attach the profile button in the hamburger menu to redirect users to a dedicated profile page.
   • Ensure that the profile page displays relevant user information, possibly fetched from the Firebase "users" collection.

4. 🚪 Logout Functionality:

   • Implement a logout button that, when pressed, logs the user out and redirects them to the front page of the app.
   • Confirm the user's intent to logout and handle the logout process securely.

   Note: Focus on creating intuitive navigation and maintaining a cohesive user experience across different sections of the app.

Issue: Update Login Screen Design

🔐 Task:
Revise the login screen design based on the provided image.
Also clicking on the login text should redirect to the loginPage

📄 Details:

• Modify the login screen to match the new design.
• Implement new color schemes and layout elements.

🚀 Happy Contributing!

Issue: Redesign Splash Screen

🎨 Description:
Current splash screen design isn't final. Redesign to match provided image.

⏰ Deadline:
2 days from assignment.

🚀 Happy Contributing!

🔄 New Task: Fetching and Displaying Donation Ads

1. 📈 Donation Ads Collection in Firestore:

   • Check if there is an existing collection for donation ads in Firestore. If it exists, utilize it; otherwise, create a new collection.
   • Add more dummy data to the donation ads collection to showcase a variety of ads.
   • Implement functionality to fetch and display donation ads on the main home page.

2. 🚀 Navigation Update:

   • Remove the bottom navigation bar to simplify the user interface.
   • Set the home page as the main landing page for a streamlined user experience.

   Note: Ensure that the donation ads are presented in an engaging manner, and the removal of the bottom navigation bar does not compromise the app's usability.

Disclimer to work on this issue you should be registred in the firebase if not then message us for its acess

Thank You for an Incredible Journey! 🚀

Hey Team,

A huge thank you to everyone who contributed to our fantastic project. 🙌 Your hard work and dedication made this journey unforgettable. 😊 Excited to have been your mentors! 🌈✨

The beauty of this project is all thanks to your collaborative spirit and talent. 🌟 Your contributions have left a lasting impact, and I'm genuinely glad you were part of this. 💪

Cheers to the success, conquered challenges, and great memories! 🎉🥳 Here's to your continued success! 🚀

@insanecoder02
@muffinboy19

Write the code to navigate to home page after user has logged in/ sign up in the app.

Happy Contributing!!!😊

Create HomeActivity with Bottom Navigation Bar 🏡

Your task for this issue is to design a HomeActivity featuring a bottom navigation bar with 3 fragments:

• Feed
• Your donations
• Profile

Additionally, ensure to create three corresponding blank fragments.📝

Note: In this issue the assignments will be on a first-come basis. Comment below to be assigned to this issue.

Happy contributing! 😊

Create a Register Activity asking the user its :

• name
• email
• password
• confirm password

Ensure a visually appealing design to enhance user experience. 🎨

Happy contributing! 😊

🔄 Code Modification and Firebase Integration:

1. 🍔 Hamburger Button Position:

   • Modify the code to ensure that the hamburger button remains fixed at the top of the app and does not move down when the screen is scrolled. The button should stay at the top for a consistent user experience.

2. 📊 User Collection in Firestore:

   • Create a collection named "users" in Firestore to store user data.
   • For each user, add properties such as name, email id, and profile picture URL to the "users" collection.

3. 📸 Profile Picture Handling for Email Authentication:

   • When a user enters the app through email authentication, prompt them to provide a profile picture.
   • Implement a screen for users to capture or upload their profile picture.
   • Upon selecting or capturing a picture, upload it to the user's section in Firebase in URL format.
   • Display the same profile picture in the hamburger menu for a cohesive user experience.

   Note: Ensure that the modifications and additions enhance the overall user interface and maintain consistency across the app.

🛠️ Tasks:

1. Splash Screen:

   • Change font style to match the design.
   • Adjust text color to match the design.

2. Screens Before GetStarted:

   • Replace multiple image views with a collage image.
   • Change text color to match the design.

3. GetStarted Page:

   • Add more images to the array of imagedisplay.

4. Buttons Design:

   • Ensure the button design aligns with the Figma file.

Happy Contributing!

🚀 Design Feed Fragment Issue

Task Description

Your task is to design the feed fragment, following the provided design below. 🎨 Please omit the popular section and leave it blank.

Guideline

To access the individual elements present in the design, refer to the Figma link mentioned in the README file. ⏳

Deadline for Task: 2 days ⌛

Happy Designing! 🌟

Create a Splash Screen with Transition to NextActivity 🚀

Develop a splash screen that dynamically engages users for 3 seconds before seamlessly transitioning to the NextActivity.

Ensure a visually appealing design for the splash screen to capture attention and enhance user experience. 🎨

• attach a screenshot/folder link of your work to review it easily.

PS: This issue is open for all, so no need to claim this issue. You can directly create a pull request.
Note: This issue will be active for 3 days. ⏳

Happy contributing! 😊

Add transitions/animations on the following pages while transitioning between them:-

• login -> sign up
• sign up -> login
• sign up -> home
• log in -> home

Happy contributing !!!😊

🚀 Create Donation Page Issue

Task Description

Your task is to create a donation page where the donor can view a summary of their donation. This page should display dummy data for now, and later we will integrate Firebase fetching.

Additionally, incorporate the following features:

• Implement an image viewer to showcase multiple images related to the donation.
• Add a video viewer to allow users to watch videos associated with the donation.

Create a new page without linking it to any existing pages.

Guideline

Design the donation page with features that include an image viewer for multiple images and a video viewer for donation-related videos. Provide a pleasant and user-friendly experience.

Note: You can keep the description field currently empty or add dummy data as needed.

Deadline for Task: 2 days ⌛

Happy Coding! 🌟

SignUp Password Page Enhancement

Task Description:

Your task is to add an extra page after the SignUp page, requesting the user to set their password. The new page should adhere to the general app design and include the following requirements:

Design Specifications:

1. Password Setup:

   • Include fields for both password and confirm password.
   • Implement a button allowing users to toggle between the *** state and normal state for password visibility.

2. User Authentication:

   • Authenticate the user using the provided email ID and password.
   • Implement this using firebase also comment your email id so that we can add you in the firebase console , to add the functionality to verify user credentials.

3. Redirect to BaseHomeActivity:

   • After successful authentication, redirect the user to the BaseHomeActivity, providing a smooth transition into the main app experience.

4. Toast Confirmation:

   • Display a toast message confirming that the user is registered.
   • Implement a toast message upon entering the HomeScreen to enhance the user experience.

Issue: Create Identical Pages from Given Image

🖼️ Task:
Develop one page
to replicate the design in the provided images. Do not attach the screen after any other screen.
Also in this page the image needs to be a multiple image viewer where the images automatically rotate

⏰ Deadline:
2 days from assignment.

🎨 Guidelines:

• Ensure pixel-perfect replication.
• Use the same color scheme and layout.

🚀 Happy Contributing!

Add your Name and Github_username in contibutors.txt located in assets folder.

PS: This issue is open for all, so no need to claim this issue. You can directly create a pull request

Happy Contributing!😊

• Issue Description: 🌐 Enhance user authentication by integrating Google Sign-In functionality.

• Task Details:

  • Add the Google Sign-In feature to both the signup and sign-in pages.
  • When the Google button is clicked on either page, initiate the Google Sign-In process.
  • Retrieve and store relevant user information from the Google account, such as email and profile picture.
  • Ensure a seamless transition between Google Sign-In and the respective signup or sign-in flows.
  • Test thoroughly to confirm the successful implementation of the Google Sign-In feature.

🚀 Design Sign-In Page Issue

Task Description

Your task is to carefully design the sign-in page. 🎨 Please follow the design provided diligently to ensure accurate implementation.

Guideline

To access the individual elements present in the design, refer to the Figma link mentioned in the README file. ⏳

Deadline for Task: 2 days ⌛

Happy Designing! 🌟

🛠️ Tasks:

1. Implement Hamburger Drawer:
   • Add a 3D-style hamburger drawer according to the provided design.
   • Ensure the drawer appears within a box.
   • All buttons within the hamburger should be functional and open respective pages.

Note: If you have any doubts about how to implement this, feel free to ask for assistance. We're here to help!

Important: The hamburger component is already created in the feed fragment, so utilize it for this task.

Happy Contributing! 🚀

Important: The deadline for this task is 2 days. 📅 If you have any questions or need guidance on implementing the hamburger drawer, don't hesitate to reach out! 🤝