Visual Thinking

A website for the 'Visual Thinking in het HBO' project
Release Candidate live link »
Main live link »

Backlog · Report Bug · Run locally

A website made for Visual Thinking in het HBO: a platform housing articles and methods created by Charley Muhren to bring visual thinking into the classroom. For students and teachers alike.

(back to top)

(back to top)

To get a local copy up and running follow these simple example steps.

1. Create an account on Hygraph, and get your endpoint URL & permanent auth token
2. Clone the repo

   git clone https://github.com/fdnd-agency/visual-thinking.git

3. Create your .env file using example.env as a guide
4. Install NPM packages

   npm install

5. Change git remote url to avoid accidental pushes to base project

   git remote set-url origin github_username/repo_name
   git remote -v # confirm the changes

6. Run the SvelteKit local development server

   npm run dev

(back to top)

The project has a couple standard NPM scripts to assist you when developing.

   npm run dev

Run this script to start a local SvelteKit development server. This assists you when developing the server using modern features such as Hot Module Reload. By default the development server will be accessible in the browser at http://localhost:5174/

   npm run build

Running this script will build your project. This tells SvelteKit to take the code and components you created and compile it, turning it into optimised HTML, CSS and JavaScript which your browser will understand. The result of this build process can be found in the /build directory.

If you're hosting your project on a website like Netlify or Vercel, you don't have to worry about this script, as the hosting service will do this for you.

   npm run preview

Much like the dev command, this script hosts your website locally. The difference is that the preview command will host the latest output in your /build directory. This can be used to debug and test your compiled website. By default this preview will be accessible in the browser at https://localhost:5174/

• Inez · Developer · Github »
• Anna-Kyra Strik · Developer · Github »
• Robin van der Heijden · Developer · Github »

This work is licensed under GNU GPLv3.

(back to top)

• SvelteKit documentation
• Hygraph documentation
• Figma prototype by CMD students Ivar, Eliza, Marco & Trisjan

(back to top)