Profile card

In dit project heb ik een profielkaartje gemaakt met het framework svelte en ik heb de data opgehaald uit de cms van directus.

Inhoudsopgave

Beschrijving
Kenmerken
Installatie
Gebruik
Bronnen
Licentie

Beschrijving

In dit profielkaartje zie je informatie over mij en kan je mijn werk op github zien en contact met mij opnemen op linkedin. Dit profielkaartje is een schoolopdracht en daarin moet ik met het framework sveltekit en de cms directus data ophalen uit de database en deze data laten zien in mijn profielkaartje.

live link

Kenmerken

Sveltekit framework
Directus SDK
Vite
Vercel
Javascript
Css

Installatie

zorg dat je dit geinstalleerd hebt voordat je dit project lokaal wilt gaan gebruiken.

code editor zoals visual studio code of webstorm

Volg deze stappen om dit project lokaal op te zetten in de terminal van je code editor:

Clone de repository:


git clone https://github.com/yujing-student/your-tribe-for-life-profile-card.git

Ga naar de projectmap:
```
cd your-tribe-for-life-profile-card
```
Installeer de vereiste dependencies:
```
npm install
```
Start de ontwikkelserver:
```
npm run dev
```

wil je vanaf scratch een sveltekit project opstarten ga naar create a project.

Gebruik

Je kan dit profielkaartje bekijken en contact met mij opnemen op linkedin voor vragen
Je kan geen aanpassingen maken in deze repository dus als je dit project qua code wilt bekijken kan je dit hier zien :https://github.com/auth/github_editor?redirect=%2Fyujing-student%2Fyour-tribe-for-life-profile-card&requestId=84307a3a-22cc-409e-bd29-b913af521f3f

Bronnen

Licentie

This project is licensed under the terms of the MIT license.

Creating a project

If you're seeing this, you've probably already done this step. Congrats!


# 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

chose for skeleton project
if you want to use javascript or typescript and chose otherwise no
additional options and i prefer prettier

Developing

Once you've created a project and installed dependencies with npm install (or pnpm install or yarn), start a development server:


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:


npm run build

You can preview the production build with npm run preview.

To deploy your app, you may need to install an adapter for your target environment.

yujing-student / your-tribe-for-life-profile-card

readme