DEV Community

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

Back to Masa Kudamatsu's Series
Day 1: Creating SaaS to solve my own problem
Cover image for Day 1: Creating SaaS to solve my own problem

Day 1: Creating SaaS to solve my own problem

Reactions 2 Comments
9 min read
Day 2: Finding design concept to drive UI design process
Cover image for Day 2: Finding design concept to drive UI design process

Day 2: Finding design concept to drive UI design process

Reactions 1 Comments
11 min read
Day 3: Visualizing design concept with mood boards
Cover image for Day 3: Visualizing design concept with mood boards

Day 3: Visualizing design concept with mood boards

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

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

Reactions 2 Comments
22 min read
Day 5: Switching embedded Google Maps into custom dark mode after 6pm
Cover image for Day 5: Switching embedded Google Maps into custom dark mode after 6pm

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

Reactions 6 Comments
24 min read
Day 6: Customizing Google Maps place markers with asterisks from Google Fonts
Cover image for Day 6: Customizing Google Maps place markers with asterisks from Google Fonts

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

Reactions 2 Comments
20 min read
Day 7: Making buttons look like "clouds" for embedded Google Maps
Cover image for Day 7: Making buttons look like "clouds" for embedded Google Maps

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

Reactions 9 Comments 3
26 min read
Day 8: Positioning buttons over embedded Google Maps
Cover image for Day 8: Positioning buttons over embedded Google Maps

Day 8: Positioning buttons over embedded Google Maps

Reactions 6 Comments
18 min read
Day 9: Picking the dark-mode color palette for web app buttons logically
Cover image for Day 9: Picking the dark-mode color palette for web app buttons logically

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

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

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

Reactions 5 Comments
8 min read
Day 11: web app vs native app on location services
Cover image for Day 11: web app vs native app on location services

Day 11: web app vs native app on location services

Reactions 3 Comments
7 min read
Day 12: Showing user location on embedded Google Maps (with Geolocation API and React)
Cover image for Day 12: Showing user location on embedded Google Maps (with Geolocation API and React)

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

Reactions 5 Comments
18 min read
Day 13: Flashing tapped button while user is waiting (with React and Styled Components)
Cover image for Day 13: Flashing tapped button while user is waiting (with React and Styled Components)

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

Reactions 4 Comments
11 min read
Day 14: Tracking user location on embedded Google Maps
Cover image for Day 14: Tracking user location on embedded Google Maps

Day 14: Tracking user location on embedded Google Maps

Reactions 4 Comments 2
10 min read
Day 15: Showing user's direction of movement on embedded Google Maps
Cover image for Day 15: Showing user's direction of movement on embedded Google Maps

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

Reactions 6 Comments
9 min read
Day 16: Icon buttons should be labelled with aria-label
Cover image for Day 16: Icon buttons should be labelled with aria-label

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

Reactions 5 Comments
6 min read
Day 17: Styling a search box like Google's
Cover image for Day 17: Styling a search box like Google's

Day 17: Styling a search box like Google's

Reactions 4 Comments
17 min read