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

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

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)

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

6
Comments
24 min read
Day 6: Using Google Fonts as Google Maps place markers
Cover image for Day 6: Using Google Fonts as Google Maps place markers

Day 6: Using Google Fonts as Google Maps place markers

2
Comments
30 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

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

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

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

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

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)

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)

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

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

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

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

6
Comments 1
17 min read
Day 18: Building a close button with ripple effect as a React component
Cover image for Day 18: Building a close button with ripple effect as a React component

Day 18: Building a close button with ripple effect as a React component

6
Comments
17 min read
Day 19: Styling a popup like clouds
Cover image for Day 19: Styling a popup like clouds

Day 19: Styling a popup like clouds

Comments
11 min read
Day 20: Toggling a search box for keyboard users with React
Cover image for Day 20: Toggling a search box for keyboard users with React

Day 20: Toggling a search box for keyboard users with React

1
Comments
14 min read
Day 21: Animating transitions for a React app without external libraries
Cover image for Day 21: Animating transitions for a React app without external libraries

Day 21: Animating transitions for a React app without external libraries

1
Comments
10 min read
Day 22: Using container transform pattern to animate the appearance of a search box
Cover image for Day 22: Using container transform pattern to animate the appearance of a search box

Day 22: Using container transform pattern to animate the appearance of a search box

Comments
11 min read
Day 23: Animating the closing of a popup as if button ripple effect wipes it away
Cover image for Day 23: Animating the closing of a popup as if button ripple effect wipes it away

Day 23: Animating the closing of a popup as if button ripple effect wipes it away

2
Comments
17 min read
Day 24: Making autocomplete search accessible for React apps with Downshift
Cover image for Day 24: Making autocomplete search accessible for React apps with Downshift

Day 24: Making autocomplete search accessible for React apps with Downshift

Comments
13 min read
Day 25: Adding Google Maps autocomplete search to a React app
Cover image for Day 25: Adding Google Maps autocomplete search to a React app

Day 25: Adding Google Maps autocomplete search to a React app

5
Comments
26 min read
Day 26: Integrating Google Maps search with a React app
Cover image for Day 26: Integrating Google Maps search with a React app

Day 26: Integrating Google Maps search with a React app

2
Comments
29 min read