emilzackrisson / camping-booking-system

Camping Booking System

This project is primarily for learning purposes and is currently not remotely close to a stable version.

Github Project

https://github.com/users/EmilZackrisson/projects/4/views/1

About this project

This project uses SvelteKit for both front end and back end. The database I chose is MongoDB.

What I hope to learn with this project

• Building a production ready product.
• Front- and back end development with APIs and databases.
• Testing
• CI/CD

camping-booking-system's Issues

CastError: Cast to [string] failed for value (type string) at path "Vehicles.0" because of "CastError"

CastError: Cast to [string] failed for value (type string) at path "Vehicles.0" because of "CastError".

src/routes/api/booking/+server.ts

Add enviroment to sentry

https://vitejs.dev/guide/env-and-mode.html#modes

https://docs.sentry.io/platforms/node/configuration/environment

Navbar button doesnt work on iOS

Check daisyui docs.

Styling doesn't work on Prod Build

Trpc

Accomodation management

/admin/bookings/edit

Response { [Symbol(realm)]: null, [Symbol(state)]: { aborted: false, rangeRequested: false, timingAllowPassed: true, requestIncludesCredentials: true, type: 'default', status: 200, timingInfo: { startTime: 785772.1173340008, redirectStartTime: 0, redirectEndTime: 0, postRedirectStartTime: 785772.1173340008, finalServiceWorkerStartTime: 0, finalNetworkResponseStartTime: 0, finalNetworkRequestStartTime: 0, endTime: 0, encodedBodySize: 385, decodedBodySize: 385, finalConnectionTimingInfo: null }, cacheState: '', statusText: 'OK', headersList: HeadersList { cookies: null, [Symbol(headers map)]: [Map], [Symbol(headers map sorted)]: null }, urlList: [ [URL] ], body: { stream: undefined } }, [Symbol(headers)]: HeadersList { cookies: null, [Symbol(headers map)]: Map(6) { 'access-control-allow-origin' => [Object], 'content-type' => [Object], 'date' => [Object], 'connection' => [Object], 'keep-alive' => [Object], 'transfer-encoding' => [Object] }, [Symbol(headers map sorted)]: null } } Response { [Symbol(realm)]: null, [Symbol(state)]: { aborted: false, rangeRequested: false, timingAllowPassed: true, requestIncludesCredentials: true, type: 'default', status: 200, timingInfo: { startTime: 785776.0949589983, redirectStartTime: 0, redirectEndTime: 0, postRedirectStartTime: 785776.0949589983, finalServiceWorkerStartTime: 0, finalNetworkResponseStartTime: 0, finalNetworkRequestStartTime: 0, endTime: 0, encodedBodySize: 385, decodedBodySize: 385, finalConnectionTimingInfo: null }, cacheState: '', statusText: 'OK', headersList: HeadersList { cookies: null, [Symbol(headers map)]: [Map], [Symbol(headers map sorted)]: null }, urlList: [ [URL] ], body: { stream: undefined } }, [Symbol(headers)]: HeadersList { cookies: null, [Symbol(headers map)]: Map(6) { 'access-control-allow-origin' => [Object], 'content-type' => [Object], 'date' => [Object], 'connection' => [Object], 'keep-alive' => [Object], 'transfer-encoding' => [Object] }, [Symbol(headers map sorted)]: null } } TypeError: Cannot read properties of undefined (reading '0') at /Users/emizac/Documents/Projects/camping-booking-system/src/routes/admin/bookings/edit/[id]/+page.svelte:8:25 at Object.$$render (/Users/emizac/Documents/Projects/camping-booking-system/node_modules/svelte/internal/index.mjs:2040:22) at Object.default (/Users/emizac/Documents/Projects/camping-booking-system/.svelte-kit/generated/root.svelte:42:41) at eval (/Users/emizac/Documents/Projects/camping-booking-system/src/routes/+layout.svelte:23:32) at Object.$$render (/Users/emizac/Documents/Projects/camping-booking-system/node_modules/svelte/internal/index.mjs:2040:22) at /Users/emizac/Documents/Projects/camping-booking-system/.svelte-kit/generated/root.svelte:41:40 at $$render (/Users/emizac/Documents/Projects/camping-booking-system/node_modules/svelte/internal/index.mjs:2040:22) at Object.render (/Users/emizac/Documents/Projects/camping-booking-system/node_modules/svelte/internal/index.mjs:2048:26) at Module.render_response (/Users/emizac/Documents/Projects/camping-booking-system/node_modules/@sveltejs/kit/src/runtime/server/page/render.js:169:29) at async Module.render_page (/Users/emizac/Documents/Projects/camping-booking-system/node_modules/@sveltejs/kit/src/runtime/server/page/index.js:286:10) TypeError: Cannot read properties of undefined (reading '0') at /Users/emizac/Documents/Projects/camping-booking-system/src/routes/admin/bookings/edit/[id]/+page.svelte:8:25 at Object.$$render (/Users/emizac/Documents/Projects/camping-booking-system/node_modules/svelte/internal/index.mjs:2040:22) at Object.default (/Users/emizac/Documents/Projects/camping-booking-system/.svelte-kit/generated/root.svelte:42:41) at eval (/Users/emizac/Documents/Projects/camping-booking-system/src/routes/+layout.svelte:23:32) at Object.$$render (/Users/emizac/Documents/Projects/camping-booking-system/node_modules/svelte/internal/index.mjs:2040:22) at /Users/emizac/Documents/Projects/camping-booking-system/.svelte-kit/generated/root.svelte:41:40 at $$render (/Users/emizac/Documents/Projects/camping-booking-system/node_modules/svelte/internal/index.mjs:2040:22) at Object.render (/Users/emizac/Documents/Projects/camping-booking-system/node_modules/svelte/internal/index.mjs:2048:26) at Module.render_response (/Users/emizac/Documents/Projects/camping-booking-system/node_modules/@sveltejs/kit/src/runtime/server/page/render.js:169:29) at async Module.render_page (/Users/emizac/Documents/Projects/camping-booking-system/node_modules/@sveltejs/kit/src/runtime/server/page/index.js:286:10)

Use Superforms

Implement Svelte Superforms.

Switch API to Authorization header

Switch API to use headers instead of cookies to use API outside of browser.

Throws 501 when logged in but on another domain.

Throws 501 when logged in but on another domain. Works if user logs in again on the new domain.

Add a CLI tool

Add a a CLI tool with these features

• Reset default admin password
• Export database

Make login form wider on mobile

Implement Sentry or eq

Unexpected token JSON

ERROR POST /booking/new
SyntaxError: Unexpected token u in JSON at position 0.

Employee registation form doens't work

Switch to JWT

Better Protected Route Redirects

https://www.youtube.com/watch?v=ieECVME5ZLU

Fix Navbar on mobile

Navbar is not responsive. Fix.

Skeleton

Mongoose Error

Error while getting employees: MongoNotConnectedError: Client must be connected before running operations at executeOperationAsync (C:\Users\emilz\Documents\Projects\camping-booking-system\node_modules\mongodb\lib\operations\execute_operation.js:23:19) at C:\Users\emilz\Documents\Projects\camping-booking-system\node_modules\mongodb\lib\operations\execute_operation.js:12:45 at maybeCallback (C:\Users\emilz\Documents\Projects\camping-booking-system\node_modules\mongodb\lib\utils.js:290:21) at executeOperation (C:\Users\emilz\Documents\Projects\camping-booking-system\node_modules\mongodb\lib\operations\execute_operation.js:12:38) at FindCursor._initialize (C:\Users\emilz\Documents\Projects\camping-booking-system\node_modules\mongodb\lib\cursor\find_cursor.js:54:50) at [kInit] (C:\Users\emilz\Documents\Projects\camping-booking-system\node_modules\mongodb\lib\cursor\abstract_cursor.js:446:14) at next (C:\Users\emilz\Documents\Projects\camping-booking-system\node_modules\mongodb\lib\cursor\abstract_cursor.js:516:22) at node:internal/util:375:7 at new Promise (<anonymous>) at next (node:internal/util:361:12) { [Symbol(errorLabels)]: Set(0) {} }

Boenden admin 500

Employee management

Add a page where admins can manage new and existing employees.

Prices not saved in database

Set BaseURL

Public facing domain trying to use localhost.

Booking form group Accomodations

Bind group of Accomodation Checkboxes on booking form using Sveltes bind.
https://svelte.dev/docs#template-syntax-element-directives-bind-group

<script>
	let tortilla = 'Plain';
	let fillings = [];
</script>

<!-- grouped radio inputs are mutually exclusive -->
<input type="radio" bind:group={tortilla} value="Plain">
<input type="radio" bind:group={tortilla} value="Whole wheat">
<input type="radio" bind:group={tortilla} value="Spinach">

<!-- grouped checkbox inputs populate an array -->
<input type="checkbox" bind:group={fillings} value="Rice">
<input type="checkbox" bind:group={fillings} value="Beans">
<input type="checkbox" bind:group={fillings} value="Cheese">
<input type="checkbox" bind:group={fillings} value="Guac (extra)">

GET BOOKINGS ERROR TypeError: Cannot read properties of undefined (reading 'toString')

GET BOOKINGS ERROR TypeError: Cannot read properties of undefined (reading 'toString')

Enviroment variables for Docker

Add Expire to token

Add API keys

Style admin page

Style https://cbs.emilzackrisson.se/admin