Skip to content

Latest commit

 

History

History
154 lines (123 loc) · 6.2 KB

README.md

File metadata and controls

154 lines (123 loc) · 6.2 KB
Raw

Silver Surfer 🌊

2023 Google Solution Challenge

Contents

  1. Problem
  2. About Silver Surfer
  3. Our SDGs Goal
  4. Technology Stack
  5. Our Website
  6. Demo Video
  7. Design
  8. How to Start
  9. How to Run Our Service on Local
  10. Contribution

Problem

With the advancement of technology and the post-COVID-19 era, South Korea has kiosks in most stores and a generation of people carrying smartphones. But is everyone feeling the convenience of these digital advancements?

The answer is no. There are digital marginalized groups with low levels of access to digital information, and seniors have the lowest level of access to information from the digital society. When it comes to using services, seniors are often intimidated by the complexity and difficulty of understanding features, and they continue to be marginalized from the digital society.

To solve this problem, the government is conducting digital education programs for seniors, but even with education, there are still seniors who struggle with complex screens.


About Silver Surfer

“Silver Surfer : For A World Where all seniors surf the digital sea”

Silver Surfer aims to create a world where seniors can easily access digital information and surf the digital world freely. Therefore, we provide designers and developers with mobile interface guidelines that address the challenges of seniors using smartphones, as well as UX/UI guidelines and implementation code. We hope that through these silver surfers, many service producers will produce apps with seniors in mind.


Our SDGs Goal

10 Reduced Inequalities

Aligned with the UN Sustainable Development Goals of ‘Reduced Inequalities’, Silver Surfer provides developers and designers with UX/UI guidelines and implementation code to guide the creation of various services. By doing so, we hope to ensure that older adults are no longer marginalized and can surf the digital world freely.


Technology Stack

Google Cloud React Redux NodeJS Express.js MySQL Redis

  • Google Cloud Platform (VM Instance, App Engine, Cloud Storage)
  • Google OAuth 2.0
  • React v18.2.0
  • Redux v4.2.1
  • Node JS v16.18.1
  • Redis v4.0.6

Our Website

https://silversurfer-382505.du.r.appspot.com/


Demo Video

https://youtu.be/Fk8QXYKD50U


Design


How to Start

Visit Deployed Service

https://silversurfer-382505.du.r.appspot.com/


How to Run Our Service on Local

1. Clone this repository

git clone https://github.com/GDSC-SWU/2023-SilverSurfer-SolutionChallenge.git

2. Move to backend directory

cd server

3. Create .env file

# For Creating HTTP Server
SERVER_PORT=[YOUR_SERVER_PORT]

# For Database
DATABASE_SPRINT_HOST=[YOUR_DATABASE_HOST]
DATABASE_SPRINT_USER=[YOUR_DATABASE_USER]
DATABASE_SPRINT_PASSWORD=[YOUR_DATABASE_PASSWORD]
DATABASE_NAME=[YOUR_DATABASE_NAME]

# For Authentication
FE_CLIENT_ID=[YOUR_GOOGLE_OAUTH2_CLIENT_ID]
JWT_SECRET=[YOUR_JWT_SECRET_KEY]

# For Redis
REDIS_HOST=[YOUR_REDIS_SERVER_HOST]
REDIS_PORT=[YOUR_REDIS_SERVER_PORT]
REDIS_PASSWORD=[YOUR_REDIS_DATABASE_PASSWORD]

# For CORS policy
CORS_DOMAIN_LOCAL=[YOUR_APP_URL]

4. Install dependencies

npm install

5. Run the server

node server

6. Move to frontend directory

cd client

7. Create .env file

# For Authentication (Google OAuth 2.0)
REACT_APP_GOOGLE_CLIENT_ID=[YOUR_GOOGLE_OAUTH2_CLIENT_ID]

# For API
REACT_APP_API_BASE_URL=[YOUR_SERVER_URL]

8. Install dependencies

npm install

9. Run the app

npm start

Contribution

Name Bokyung Park Wookyeong Yu Yeonsu Kim Yusun Choi
Profile Image
Role UX/UI Designer UX/UI Designer Front-End Developer Back-End Developer