/dress-up-privateaser

HTML/CSS/SASS/Design... workshop based on french startup https://www.privateaser.com

Primary LanguageJavaScript

DRESS UP PRIVATEASER

HTML/CSS/SASS/Design... workshop based on french startup https://www.privateaser.com

Table of Contents generated with DocToc

🐣 Introduction

Once steps done from privateaser repository, you are able to pay each actors according

  • Booking properties (time spent, people, deductible option...)
  • Bars properties (price by hour, by people)

🎯 Objectives

The workshop goal is to build a clean page that computes the debit and credit price of each actors effect

🏃‍♀️ Steps to do

  • Help users to understand your page event they don’t know anything about your site
  • Help users to compute the invoices in a clear and efficient manner.
  • Help users to be clear about which action to take in a easy manner.

👩‍💻 Just tell me what to do

  1. Fork the project via github

fork

  1. Clone your forked repository project https://github.com/YOUR_USERNAME/dress-up-privateaser
❯ cd /path/to/workspace
❯ git clone git@github.com:YOUR_USERNAME/dress-up-privateaser.git
  1. Open the entry point /public/index.html in your browser
# macos cli
❯ open public/index.html
# linux cli
❯ xdg-open public/index.html
# or by double-clicking in your browser files

  1. Update the public/index.html by adding html and css styles

  2. commit your different modifications:

❯ cd /path/to/workspace/dress-up-privateaser
❯ git add -A && git commit -m "feat(compute): display the call to action button"

(why following a commit message convention?

  1. Don't forget to push before the end of the workshop
❯ git push origin master

Note: if you catch an error about authentication, add your ssh to your github profile.

  1. If you need some helps on git commands, read git - the simple guide

Don't forget

Focus only on web design, forgot codebase

Awesome and useless frameworks

  • Bootstrap 4 - Bootstrap version 4, the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.
  • Foundation for Sites - The most advanced responsive front-end framework in the world. Quickly create prototypes and production code for sites that work on any kind of device.

...

Source and inspiration

Licence

Uncopyrighted