Skip to content

michelvanheest/different-designers

Repository files navigation

The official GitHub Repo of team diffərənt. This repository contains the official onepager and prototypes (Framer, Principle etc.).

💻 You can find the website on → https://michelvanheest.github.io/different-designers/ http://differentdesigners.nl

💻 Our masterprototype → https://michelvanheest.github.io/different-designers/prototypes/masterprototype.framer/ http://differentdesigners.nl/prototypes/masterprototype.framer


How to locally run our Framer proto’s without using Framer

To be able to run our prototypes on your local machine (to make changes or whatever reason you have to not use our hosted version(s)) you need to have a Node server installed.

Install Node HTTP-server

npm install http-server -g
  • When you don’t have the right permissions:
sudo npm install http-server -g

Run a prototype using the HTTP-server

  • Open terminal
  • Type (note the space at the end!!):
cd 
  • Drag the folder with the Framer prototype into your terminal and press “enter”. You'll get something like:
Michels-MBP:~ michelvanheest$ cd /Users/michelvanheest/Dropbox\ \(Personal\)/School/CMD\ Jaar\ 4/Minor\ IUXD/Designing\ Digital\ Experiences/different-designers/prototypes/masterprototype.framer 
  • After you pressed enter, your server with the Framer prototype is now running
  • Open localhost:8080 in your (Chrome) browser et voila ✌️

Edit the Framer prototypes

  • Drag the folder with the Framer prototype to your VSCode or editor of choice
  • Edit app.coffee and save your changes
  • Use CMD+Shift+R to reload the prototype in your browser after you changed something in the code.

About

The official GitHub Repo of different-designers, probably with the final website, online reports and prototypes

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •