Technical Office is a management system for construction engineering drawings and assignments. It was a 30 to 45 day project for a client from Portugal. The client didn't have tech stack requirements so I decided to go with a simple combination of plain Javascript and Firebase as a BAAS (backend as a service). The client had a large number of requirements and a relatively short delivery deadline so I decided to go with Tailwind as the CSS library.

- Javascript
- Firebase
  - User authentication
  - Firestore database
  - File storage
- Tailwind
- Webpack module bundler

<br />

<video width="100%" style="max-height: 600px;" autoplay muted loop>
    <source src="https://i.imgur.com/czxXvqV.mp4" type="video/mp4">
</video>

# Features

<div class="custom-flexible-layout">

<div>

- Homepage
- User authentication
  - Registration
  - Login
- User authorization
  - Employee access
  - Administrator access
- Assignment/drawing management
  - View, edit and add new assignments
  - Submit PDF documents
  - Pagination
  - Filter drawings by user

</div>

- User management

  - Add new users and clients
  - Update profile information
  - Search and filter users

- Profile page
  - Personnal information
  - Picture
  - Email verification
  - Password reset

</div>

</div>
