Git Product home page Git Product logo

job-application-frontend's Introduction

Table of Contents

Job-Application

This is a fun project to use my new learned knowledge of graphql and vue's new composition. The tool should help you out to keep track of your applications in a easy and nice way.

  • Group applications into folders
  • Keep track of each status of a application
  • Create Meetings and view them in a calendar view
  • Take notes for a application or a meeting with a wyiwyg (what you see is what you get) editor
  • Upload all your files in a global, group or application context

Setup

Requirements

  • A running postgres instance
  • Create a database for the application
    • recommended to also use a separate user
  • Docker instance to build and publish a image

How to run the app

  • Setup the backend
    • Pull the image from: docker pull ghcr.io/pscldev/job-application/backend:latest
      • Set the required envs which you can find in the repository
    • Dont miss to bind the port to be available from outside
      • default backend: 3010
  • Setup the frontend
    • Clone the frontend
    • Build the project with: docker build --build-arg API_BASE_URL=http://localhost:3010 -t job-app-frontend:latest .
      • replace the arg with the url to the backend
    • push the image to a registry of your like (Optional)
    • Dont miss to bind the port to be available from outside
      • default frontend: 80

Development

Tech Stack

The backend is written with NestJs, Apollo, Typeorm and uses postgres as a database. Frontend is based on vite and vue3, used with the composition api and a DDD structure. For an easy build and deploy process for both there are docker images and github pipelines.

Requirements

The listed versions are not strictly needed, but tested with.

  • Node v16 or later
  • Yarn v1 or Npm v8.5
  • Postgres

Getting started

If you are using npm just replace the yarn keyword with npm run.

The process should apply the same for both repositories

  • yarn or npm i to install dependencies
  • npx husky install to install husky (should be installed automatically with the first command)
  • Set the required Envs based on the ..EXAMPLE.env, you have to create a .env file
  • Set the required properties based on the ..EXAMPLE_ormconfig.json for the typeorm module (Backend only)
  • Clone the submodules: git submodule init and git submodule update --remote
  • yarn start:dev to run in dev mode

Note to .env: If any env value contains a dollar sign ($) you have to encode that with a backslash (\$)

Git

Husky is used to run two pre-commit hooks. Staged files will be linted and fixed and also commitlint to check the commit-message

Check out https://github.com/conventional-changelog/commitlint for more informations

CI

It will always run some github actions. It will check for new versions based on commit messages and build the docker packages

Docker images will only be build if you push or merge into master

Read the comments inside the .github/workflows/pipeline file and change the values to your like

Screenshots

Desktop and Tablet

Light

Credits

Favicon: https://7tv.app/emotes/6144a1e97b14fdf700b9424e

job-application-frontend's People

Contributors

pscldev avatar

Stargazers

Frosty Labs avatar

Watchers

 avatar

job-application-frontend's Issues

Mobile responsive

Adapt the styling to support smaller devices like phones or smaller tablets

Darkmode

Implement the tailwind dark theme

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.