Skip to content

DEV Community

DEV Community is a community of 890,060 amazing developers

We're a place where coders share, stay up-to-date and grow their careers.

Create account Log in

100 Days in Kyoto to Create a Web App with Google Maps API Series' Articles

Back to Masa Kudamatsu's Series

Cover image for Day 1: Creating SaaS to solve my own problem

Aug 16 '21

Day 1: Creating SaaS to solve my own problem

#googlemaps #saas #kyoto #ux

9 min read

Cover image for Day 2: Finding design concept to drive UI design process

Aug 20 '21

Day 2: Finding design concept to drive UI design process

#googlemaps #kyoto #design #saas

11 min read

Cover image for Day 3: Visualizing design concept with mood boards

Aug 23 '21

Day 3: Visualizing design concept with mood boards

#uxdesign #uidesign #googlemaps #kyoto

9 min read

Cover image for Day 4: Customizing Google Maps color scheme (and its place label visibility)

Sep 3 '21

Day 4: Customizing Google Maps color scheme (and its place label visibility)

#googlemaps #saas #webdev #design

22 min read

Cover image for Day 5: Switching embedded Google Maps into custom dark mode after 6pm

Sep 8 '21

Day 5: Switching embedded Google Maps into custom dark mode after 6pm

#googlemaps #darkmode #ux #webdev

24 min read

Cover image for Day 6: Customizing Google Maps place markers with asterisks from Google Fonts

Sep 16 '21

Day 6: Customizing Google Maps place markers with asterisks from Google Fonts

#googlemaps #uidesign #webdev #darkmode

20 min read

Cover image for Day 7: Making buttons look like "clouds" for embedded Google Maps

Sep 30 '21

Day 7: Making buttons look like "clouds" for embedded Google Maps

#svg #buttons #uidesign #webdev

26 min read

Cover image for Day 8: Positioning buttons over embedded Google Maps

Oct 7 '21

Day 8: Positioning buttons over embedded Google Maps

#googlemaps #styledcomponents #css #uidesign

18 min read

Cover image for Day 9: Picking the dark-mode color palette for web app buttons logically

Oct 15 '21

Day 9: Picking the dark-mode color palette for web app buttons logically

#darkmode #color #uidesign #button

10 min read

Cover image for Day 10: Fixing a bug that renders buttons in dark mode but embedded Google Maps in light mode

Oct 16 '21

Day 10: Fixing a bug that renders buttons in dark mode but embedded Google Maps in light mode

#nextjs #react #darkmode #webdev

8 min read

Cover image for Day 11: web app vs native app on location services

Oct 19 '21

Day 11: web app vs native app on location services

#googlemaps #geolocation #webapp #webdev

7 min read

Cover image for Day 12: Showing user location on embedded Google Maps (with Geolocation API and React)

Oct 26 '21

Day 12: Showing user location on embedded Google Maps (with Geolocation API and React)

#geolocation #react #googlemaps #webdev

18 min read

Cover image for Day 13: Flashing tapped button while user is waiting (with React and Styled Components)

Oct 26 '21

Day 13: Flashing tapped button while user is waiting (with React and Styled Components)

#styledcomponents #react #cssanimation #webdev

11 min read

Cover image for Day 14: Tracking user location on embedded Google Maps

Nov 2 '21

Day 14: Tracking user location on embedded Google Maps

#googlemaps #react #geolocation #webdev

10 min read

Cover image for Day 15: Showing user's direction of movement on embedded Google Maps

Nov 4 '21

Day 15: Showing user's direction of movement on embedded Google Maps

#geolocation #googlemaps #webdev #svg

9 min read

Cover image for Day 16: Icon buttons should be labelled with aria-label

Dec 17 '21

Day 16: Icon buttons should be labelled with aria-label

#a11y #html #button #svg

6 min read

Cover image for Day 17: Styling a search box like Google's

Aug 11

Day 17: Styling a search box like Google's

#html #css #webdev #searchbox

17 min read