Vocational School Presentation of the Novatec

As part of my project work at Gottlieb Daimler School 2 (Technical School Center), we were given the task of presenting our training company in the form of a web presence. In order to fully exploit the possibilities of a web presence in the form of forms, we also had to include elements that could be displayed in exactly the same way on the company's website. (For example, an application form or similar).

Table of Contents

• Features
• Upcoming Features
• Installation guide
• Credits

Features

• Contact form
• Management overview
• Company references
• Company site overview
• Legal pages
  • Imprint
  • Privacy Policy (currently empty)
  • Cookie Policy (currently empty)
• Dynamic display of Novatec job advertisements

Upcoming Features

• Site information
  • Map view and directions
  • (If available) Contact persons
  • Pictures, media and further information on the locations
• Job application system (WIP)
• Multi language system (WIP)
• Dark and Light theme (WIP)
• Responsive bug fixes
  • Video display on small devices
  • Application system pagination on small devices
  • Reference item amount on small devices

Installation guide

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Customize configuration

See Configuration Reference.

Credits

Dependencies:

• Vue.js 3
• FontAwesome 5
• Emailjs
• TailwindCSS
• TailwindUI
• TailwindCSS Forms
• TailwindCSS Typography
• Axios
• Vue Axios
• Vue i18n
• Vue Router

Other technologies I used:

• Visual Studio Code
• GitHub Codespaces