1
0
Fork 0
mirror of https://github.com/seanmorley15/AdventureLog.git synced 2025-07-19 04:49:37 +02:00

Update README.md and +page.svelte

This commit is contained in:
Sean Morley 2024-03-29 21:50:09 +00:00
parent 9addb5462e
commit 97d98003f6
2 changed files with 19 additions and 40 deletions

View file

@ -1,38 +1,2 @@
# create-svelte
Everything you need to build a Svelte project, powered by [`create-svelte`](https://github.com/sveltejs/kit/tree/main/packages/create-svelte).
## Creating a project
If you're seeing this, you've probably already done this step. Congrats!
```bash
# create a new project in the current directory
npm create svelte@latest
# create a new project in my-app
npm create svelte@latest my-app
```
## Developing
Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server:
```bash
npm run dev
# or start the server and open the app in a new browser tab
npm run dev -- --open
```
## Building
To create a production version of your app:
```bash
npm run build
```
You can preview the production build with `npm run preview`.
> To deploy your app, you may need to install an [adapter](https://kit.svelte.dev/docs/adapters) for your target environment.
# AdventureLog
Embark, Explore, Remember

View file

@ -35,7 +35,12 @@
function saveAdventure() {
saveEdit(editId, editName, editLocation, editCreated)
editId = NaN;
editName = '';
editLocation = '';
editCreated = '';
adventures = getAdventures()
}
function editAdventure(event: { detail: number; }) {
@ -60,7 +65,11 @@
</div>
{/each}
{#if editId !== null}
{#if adventures.length == 0}
<span class="addsomething">Add some adventures!</span>
{/if}
{#if !Number.isNaN(editId)}
<form on:submit|preventDefault={saveAdventure}>
<input bind:value={editName} />
<input bind:value={editLocation} />
@ -70,5 +79,11 @@
{/if}
<style>
.addsomething {
display: flex;
justify-content: center;
align-items: center;
height: 90vh;
text-align: center;
}
</style>