Add frontend files from timelogger-v2 and update readme

Author: kimblim

.DS_Store

@@ -0,0 +1,63 @@
+# e-conomic Senior Frontend Engineer hiring task</h1>
+
+<a href="https://www.buymeacoffee.com/VishwaGauravIn" target="_blank">
+  <img alt="" src="https://skillicons.dev/icons?i=ts,tailwind,react" style="vertical-align:center" />
+</a>
+
+## 👋 Introduction
+
+As a part of the e-conomic recruitment process we ask our candidates to complete a practical development challenge. The challenge consists of two parts:
+
+You solve the provided task, and send the results to us.
+We host a session where you present your solution to us, and we all have a nice talk about it.
+
+The task is to implement a simple time logger web application that solves the following three user stories:
+
+- As a freelancer I want to be able to register how I spend time on my projects, so that I can provide my customers with an overview of my work.
+- As a freelancer I want to be able to get an overview of my time registrations per project, so that I can create correct invoices for my customers.
+- As a freelancer I want to be able to sort my projects by their deadline, so that I can prioritise my work.
+
+Individual time registrations should be 30 minutes or longer, and once a project is complete it can no longer receive new registrations. You do not need to create an actual invoice.
+
+We ask that you clone this repository to complete the task, rather than fork it. You can either push it to a repository on your own account, or simply send us the project in a zip if you prefer. We recommend removing installed dependencies such as the node_modules directory prior to zipping, to keep the file size down.
+
+When presenting the solution please bring your own laptop if you have one. If you do not, please inform us before the meeting so that we can prepare.
+
+## 💡 Considerations
+
+What we're looking for is to see if you have the ability to transform a set of user requirements into a working solution, preferably creating some nice and clean code along the way. We will appreciate if your solution:
+
+- Works, obviously.
+- Contains readable, bug free code
+- Is appropriately covered by tests
+- Follows sensible structured design patterns and thought proceses
+- Validates user input and contains test coverage for these use cases
+- The frontend is typed using typescript
+
+We want to see that you have thought about the design of your application, and considered how it might scale as it's complexity increases:
+
+- Consider how your application might scale as it grows in use, and in number of developers working on it
+- Summarise any significant architectural decisions you take, to discuss in the presentation
+
+## ℹ️ Questions & Info
+
+If you have any **questions** or **concerns**, please feel free to ask.
+
+We realize there are a lot of moving parts to an application like this. To help, we have provided a basic setup to get you started with a Vite + React client, which includes some basic components and simple styling.
+
+You are welcome to use this scaffold or start your own project from scratch. You are also free to change or remove any part of this code — it is meant purely as a starting point to help you get going. Styling and graphic design are not the main focus; we are assessing your ability to design and architect software — so focus on that.
+Don’t worry about authentication — you can assume your application is already authenticated.
+
+## 🖥 How to Run The Scaffold Project Locally
+
+Prerequisites:
+
+- Node v22.15 installed.
+
+Steps to run locally:
+
+- Clone the project.
+- run `npm install`
+- run `npm run dev`
+
+Happy coding!

README.md

@@ -0,0 +1,28 @@
+import js from '@eslint/js'
+import globals from 'globals'
+import reactHooks from 'eslint-plugin-react-hooks'
+import reactRefresh from 'eslint-plugin-react-refresh'
+import tseslint from 'typescript-eslint'
+
+export default tseslint.config(
+  { ignores: ['dist'] },
+  {
+    extends: [js.configs.recommended, ...tseslint.configs.recommended],
+    files: ['**/*.{ts,tsx}'],
+    languageOptions: {
+      ecmaVersion: 2020,
+      globals: globals.browser,
+    },
+    plugins: {
+      'react-hooks': reactHooks,
+      'react-refresh': reactRefresh,
+    },
+    rules: {
+      ...reactHooks.configs.recommended.rules,
+      'react-refresh/only-export-components': [
+        'warn',
+        { allowConstantExport: true },
+      ],
+    },
+  },
+)

eslint.config.js

@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Vite + React + TS</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>