An open API service indexing awesome lists of open source software.

https://github.com/marianapatcosta/places-app

FullStack Web app to create, retrieve, update and delete information about places in a openstreetmap using Vue-leaflet. Includes JWT authentication and image upload.
https://github.com/marianapatcosta/places-app

expressjs jwt-authentication multer nodejs responsive-design scss sqlite typeorm typescript vue vue-leaflet vue3 vuex web

Last synced: 3 months ago
JSON representation

FullStack Web app to create, retrieve, update and delete information about places in a openstreetmap using Vue-leaflet. Includes JWT authentication and image upload.

Awesome Lists containing this project

README

          

# Places App

Simple Web app to save information about places in a map, including image upload. The frontend of this project was developed using Vue3 with TypeScript, Vue-leaflet, SCSS and Vuex; the backend was developed with Node.js with TypeScript, Express, Multer, TypeORM, SQLite and JWT authentication.

![image](https://user-images.githubusercontent.com/43031902/139534686-8333847d-f44e-44ef-976e-41f9a2245590.png)

## Project setup

### Frontend

`cd frontend`

To install the required dependencies:

```
yarn install
```

add `.env` file at root and define the following environment variables:
- VUE_APP_API_URL
- VUE_APP_ASSET_URL

To run the server:

```
yarn serve
```

### Backend

`cd backend`

To install the required dependencies:

```
yarn install
```

add `.env` file at root and define the following environment variables:
- JWT_KEY

To run the server:

```
yarn dev
```