Coder Social home page Coder Social logo

jeremylecler / traveler-loft-orbital Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 131.48 MB

Project developed as a recruitment test for Loft Orbital

Home Page: https://traveler.jeremylecler.fr/

Shell 0.05% JavaScript 9.20% HTML 0.81% Vue 21.21% Stylus 68.55% Python 0.18%

traveler-loft-orbital's Introduction

Traveler

Start project

1. Open 2 consoles:

  • CA: one on ./FRONT
  • CB: the other on ./API

2. In CB, run the commands:

npm install
npm run start

3. In CA, run the commands:

npm install
npm run serve

Or...

Test directly on the production version by going to this address: https://traveler.jeremylecler.fr/

Technical specifications

  • Vue.js for the front part
  • Using the GraphQL trevorblades/countries API (Failing to be able to use the Everbase API which is no longer available)
  • Stylus for the CSS
  • VueApollo for the connection between the GraphQL API and the front
  • Vue-router for managing routes and urls
  • Vuex for store management
  • NPM / Webpack / Git
  • Axios to communicate with a Rest API
  • AmCharts for the creation and management of the map
  • GSAP for animations
  • Vue-I18n for english/french translation
  • Swiper.js for the Home page swiper
  • Preloader.js to preload the assets

Other solutions

  • Using multiple generic functions with tools.js
  • Use of a custom parallax/mouse parallax scroll library (ScrollDetector.js & ScrollParallax.js combined with scrollUpdate.js & mouseParallax.js mixins)

Other

Time spent on the project

Time was running out with Toggl software:

Learning GraphQL: 3 hours

UX & UI: 5 hours

Development: 16 hours

traveler-loft-orbital's People

Contributors

jeremy-lp5 avatar jeremylecler avatar

Watchers

 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.