[C4GT] Implement authentication and chat interface for the mobile app according to the designs #1
Description
Product Explanation
Glific is a WhatsApp based open source 2-way communication platform for NGOs to have conversations with their community.
We want to solve the problem of NGOs’ program delivery through this chatbot, that NGOs use to engage with their beneficiaries, distribute content, provide useful information at their pace & get feedback.
It enables them to launch their programs in a chatbot format quickly, cost-effectively and at scale.
Features to be Implemented
We will be building a mobile version for our web interface in this project. The end result will be an IOS/Android application built on React Native that will help NGO staff members to check and easily communicate with their beneficiaries using their mobile devices.
This request has come up many times by a lot of NGO organizations that we work with and we feel that it would really help easy managing of daily operations.
We will create a POC and work with several Glific NGO to enhance/update the features of the app.
Design file for the app: https://www.figma.com/file/SbP0ru8kiB2l334ieX1ESe/Mobile-app?type=design
The first version will contain the following features:
- A login screen that uses the same credentials as Glific web app.
- A chat interface similar to the Glific web app that contains:
- Sliding sidebar with the list of contacts and ability to search and select the contacts.
- All messages of the selected contact.
- An input box similar to the web interface for sending a text message.
- Simple notification for errors like Update gupshup balance while not on the app.
Learning Path
| Category | Rating |
|---|---|
| Difficulty | Medium |
| Risk/Exploratory | High |
| Skills | Javascript, React Native, Typescript |
| Possible mentors | @mdshamoon |
| Project size | 6-8 weeks |
Product Set Up:
To set up the project on a system, follow the guidelines in Readme of the project.
Additional resources:
- Join our discord channel to communicate with team members and take help: https://discord.gg/rcBxTA4wnf
- API documentation : https://api.glific.com/
- User documentation : https://glific.github.io/docs
- Staging/test-site: https://staging.tides.coloredcow.com/login
- Credentials:
- URL: https://staging.tides.coloredcow.com/api
- Phone: 7834811114
- Password: secret1234
Acceptance Criteria:
The acceptance criteria for this project are:
- A platfrom user can successfully authenticate in the mobile app
- After the user logs in, they will be able to see a chat screen with a list of contacts and messages
- A notification should appear on the phone if its triggered by the server
Out of Scope Elements:
The following elements are out of scope for this project:
- Adding backend APIs
- Pixel perfect design