Around-frontend

The frontend of Geo-index based social network uses React, bootstrapped with create-react-app.
(backend implementation using Golang, see here)

Functionalities

• sign up
• login
• create new post
• search nearby post
  • Using Ant Design tabPane to display two interfaces.

    1. Posts tab: using React Grid Gallery component to show all nearby (default 100km around) posts. See below:

    2. Map tab: using react-google-maps component to show nearby posts on Google Maps, we can zoom in/out to see all nearby posts. See below:

References

• This app uses many Ant Design high order components, e.g. Modal, Button, Form, Input, Upload, Icon, Tabs, Spin...
• Route comes from react-router-dom
• React Grid Gallery
• react-google-maps