Svelte Simple Employee Management System With Graphql

Svelte simple Employee management system. This app is created on Svelte as Frontend with storage capacity directly communicating to GraphQL as an API. Created with Docker and support unit testing SonarQube.

Svelte simple Employee management system

This app is created on Svelte with storage capacity directly communicating to GraphQL.

Technologies used:

  • Svelte
  • Apollo
  • GraphQL
  • Javascript
  • Bootstrap
  • Docker
  • MongoDB
  • SonarQube

Docker Setup:

to run Docker:

docker-compose up --build

/docker-compose.yml - this compiles both Dockerfiles on backend and frontend

/frontend/DockerFile - basic Svelte setup

/backend/DockerFile - Apollo setup mutations, Types and Resolvers

Once docker is running it should look like this:

Docker have NGINX setup to expose port 80 on file nginx.conf

State management:

we're using Svelte's store to directly manage ApolloClient's data


We're using MongoDB Apollo's GraphQL for frontend maintainability.

File Structure:

backend/ - contains apollo server

frontend/ - contains Svelte setup


--Dockerfile (backend dockerfile)

docker-compose.yml (mind docker composer)


--Dockerfile (frontend dockerfile)

Unit Testing:

run this command to execute sonar-scanner:

sonar-scanner \ -Dsonar.projectKey=svelte \ -Dsonar.sources=. \ \ -Dsonar.login=sqp_e92d82f83e382125c5fee67af4f6a832b8124be5

sonarqube URL: http://localhost:9000/

Endpoints & Databases:

http://localhost:80/ - frontend

http://localhost:4000/ - backend and Apollo playground

http://localhost:9000/ - Sonarqube frontend

mongodb : 27017 - mongodb port and instance

postgre:12 db-1 - postgre instance for sonarqube db

Test Data:

Test data is generated on the server side randomly.


admin: admin / admin standard user: standard / standard

Top categories

Loading Svelte Themes