/Gurdening_Mobile

Google Developer Student Clubs 2024 Solution Challenge [Growmming] App

Primary LanguageJavaScriptMIT LicenseMIT

Google Developer Student Clubs 2024 Solution Challenge
Team Growmming Gurdening FrontEnd

2023. 12. 01 ~ 2024. 02. 22



Project Resources
View in Web Download mobile app Documentation

Manual for Preventing Dyslexia and Enhancing Literacy in Children

Gurdening is a service providinga guidebook-style manual forthe prevention of dyslexia in Corona Kids.
Our service is a combination of the words 'Gu' from 'Guide' and '-dening' from 'Gardening',
which means cultivating the brain, the garden of knowledge, through the manual
We hope that our services will help ‘guide to live together’!


Our Selection Within the UN's 17 sustainable development goals


We selected Goals No. 4 (Quality Education) and No. 10 (Reduced Inequalities) for our project.

This is because we thought that because our service produces 'educational resources', quality education could be solved, and inequality could be solved by providing it to children who are vulnerable to information.



About our Project



Primary Feature
Home Search
Home: When the user enters our app, there is a 'Today's Recommendation Manual' banner and manual category on the main screen.
The navigation bar consists of homepages, browsing, categories, and my information.

Search: Click the Browse icon to search for manual writing.

Primary Feature
Category MyPage
Category: Click the Category icon to view the entire category.
You can also click each category to view the entire manual text that corresponds to it.

MyPage: Click the My Information icon to log in.
If you are logged in, you can use the History and Bookmark features.


Tech Stack

Role Framework
FE _icon  React User Interface Development
_icon  Styled-Component Component Styling
_icon  Vercel Deployment and Hosting
_icon  JavaScript Frontend Main Language
BE _icon  Java17-Spring Backend Server Framework
_icon  Spring Boot
_icon  MySQL Backend Main Database
_icon  Swagger API Specification
Infra _icon  Google Cloud Compute Engine, SQL
_icon  Firebase Image Hosting
App _icon  React Native WebView App Interface Development
_icon  Expo Android Build and Deployment

Our architecture


Google Tech we use

GCP was selected for server operations due to its flexibility in time and location, while Firebase was chosen for its simplicity in hosting images.


Google Cloud Platform

GCP was used for user identification and safety of our service with flexible server operation and Google login support through OAuth2.

Firebase

Firebase was used to host images in the manual, which is the core of our service. This allows us to help users understand by providing them with a contextual picture.


Database ERD


Current / Next Steps

[O] Achievement [X] Scalability
1. manual articles produced by developers themselves 1. Increase the number of views when viewing manual articles
2. Implementation of the manual banner recommended by the developer on the main screen 2. Manual 'Like' function
3. Directly to the corresponding manual via the main banner 3. Google OAuth2 login function
4. Manual inquiry function 4. Bookmark function to save the manual you want to see again
5. Manual search function
6. Implementation of unlimited scrolling of manual writing

👩🏻‍💻 Team of Growmming

Frontend Backend
김주하 박지섭 박소정 안준영
@laketree2 @HarrySeop @sojeong0202 @Junyeong-An