Code Monkey home page Code Monkey logo

hyperfolio's Introduction

Hyperfolio

Source code for Inès Guerrini's online portfolio, last year student in webdesign at ECV Digital Nantes.

Pre-requisites

  • Havenpm installed on your machine
  • npm version must be > 5.2

Get started

Grab your favourite terminal and run the following commands :

npm install
npm start

A new tab should be open in your browser. localhost:3000 is alive ! Have fun.

Config

To be able to test out the contact page:

  • copy the .env.dist file content
  • create a .env at the root of the project
  • paste the content of the .env.dist in your .env
  • Create yourself an account on Enformed.io (it's free)
  • In your .env
    • For ENFORMED_KEY=your_enformedio_key, replace your_enformedio_key by your key
    • ENFORMED_SEND_MAIL_TO=mail_that_will_receive_stuff, replace mail_that_will_receive_stuff by the email address that will receive emails sent from the website. Can be yours. Can be someone else's mail, it's up to you!

Under the hood

  • Hyperapp ecosystem: hyperapp, hyperapp-router and hyperapp-transitions
  • Style: CSS-in-JS powered by CXS, some PostCSS
  • Animations: PixiJS, Pixi-Filters
  • Mail service: Enformed
  • Content: Prismic

Special thanks

  • The Hyperapp community, for their help and support during these past months (and their awesome libs)
  • Prismic team, for building their awesome tool (and saving hours/days without sleeping)
  • Caffeine.

hyperfolio's People

Contributors

naomihauret avatar toma-guillet avatar

Stargazers

 avatar

Watchers

 avatar  avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.