Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/marinakinalone/le-voyage-a-stockholm
An interactive guide to present my favorite places in Stockholm on a map
https://github.com/marinakinalone/le-voyage-a-stockholm
express google-maps maps nodejs react sass
Last synced: about 1 month ago
JSON representation
An interactive guide to present my favorite places in Stockholm on a map
- Host: GitHub
- URL: https://github.com/marinakinalone/le-voyage-a-stockholm
- Owner: marinakinalone
- License: mit
- Created: 2022-03-16T16:02:34.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2023-05-21T14:37:36.000Z (over 1 year ago)
- Last Synced: 2023-05-21T15:28:45.754Z (over 1 year ago)
- Topics: express, google-maps, maps, nodejs, react, sass
- Language: JavaScript
- Homepage: https://le-voyage-a-stockholm.onrender.com/
- Size: 871 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# le-voyage-a-stockholm
A small app to present my favorite places in Stockholm on a map
 |
---|
a creative collaboration with Stormy Cat |
## Built with
### - client-side -
- React
- CSS & SCSS (SASS)
- [@react-google-maps/api](https://www.npmjs.com/package/@react-google-maps/api)
### - server-side -
- Node.js
- Express
### - database -
- MongoDb & Mongoose
### - devops -
- [Render](https://render.com/)
## Deployments
[server](https://vas-server.onrender.com/locations/all)
[client](https://le-voyage-a-stockholm.onrender.com/)
## Installation
```bash
# in the server folder
npm i
npm run start # node
#or
npm run dev # nodemon for development purposes
#in the client folder
npm i
npm run start
```
## What I have learned
The initial project was created during a "hacking day" so I learned to create a small app from scratch and stick to a MVP. The biggest "chunk" was to go through the huge documentation of the Google Maps API: it was a nice exercise to practice reading technical documentation :)
## What's next to do?
- add an admin page (with authentication) to create, update and delete locations
- write more React tests
- play with React Router a little bit
- improve the UI (especially in terms of accessibility, hover states)
- improve copywriting (maybe add some pictures)
- oh and I'd love for the user to be able to have an account and save their favorite locations!!
## Team
| [](https://github.com/marinakinalone) |
| ---------------------------------------------------------------------------------------------------------------------------- |
| [Marina Kinalone Simonnet](https://github.com/marinakinalone) |
## [License](https://github.com/marinakinalone/le-voyage-a-stockholm/blob/main/LICENSE)
MIT © [Marina Kinalone Simonnet](https://github.com/marinakinalone)