00110110 00101011 01111001 11011101

E5A3BDF6 DE583E4F 28E93C26 44CA3164

*_.**@_* ;_<*>#,; :;#,,,:. >=;^..>,

01101011 00011101 01001011 01010001

//////// //////// //////// ////////

;^@##@<: <_<;*>=< ...,,*^, ;#:.,=@;

<*:<#._< =.#^*_^^ :>^.=<>* ;*<#.@;<

<^#_@;:, *=.=>^:> :;=.:_:. .<*#,_:^

,;_,@>== @:*<@,<^ =*=<:::, #;_>^=**

.<#<=<** ,_=#>>^_ *=^*#__, =@;..:_.

13C024B2 9F81976C 8CDF7601 A44BDBB7

^;@@@==. .^,_<>,: <,^*._=# =^_^@>:<

<:^^_*@# ^#.*.^.# ^_:_.*<= :.<@#.#^

BA04F77C 329EB725 32AD5B74 3986B073

::;_:<_= ::.^^:<< =>_@.:=: #_;<=^,*

<*^,__:: :.:;=>>* *;,^,_=_ >#..<@*=

5CDF5257 8950619B A24148EF 6D38008C

00100101 00100100 11110010 10011001

F2CB47C0 DAC7CE17 38EA5221 CD24FE5E

10011111 01010110 00001110 11011000

@.*_#=:, #@<^:*<; >,*#^=^= :;_:>_.<

_:<*.^;> #:.,@>.> @@_>_;@; >:<=<@;*

,,:;>_=< ,^>__>>* ^##,<=@< >=>*@*##

,:,:#*#* ._>::*@^ ,_>;>.., =<>.;.,,

,*##*;<< >#*@>:^> <..;<.*, ^:<::<;=

01011111 11000001 11011111 11111111

;@#^<=>> :##@.,., :#;*=<_: >=.##^@:

;=*;>:=* ;;^<.><> ,@<>#.;* *:>**@@_

<##*==^* :_<_@@#, ;##;=:=< #*>:.^=<

=><#^.^_ *:,@_,_. <^;:>^:> ><>;@#=@

A69487ED 2ED9511B 81D62A13 8DFBDE45

5F4E1288 AA79A9E5 6BC01F3D C14C7801

11000001 00111101 00101100 01110101

//////// //////// //////// ////////

10001101 01011011 10010010 00010010

00011100 00111011 10001111 10110010

.,*.:>>; <,_^;,,> ,^<_*><^ .#^^_:.=

10111001 10101101 00011111 00001110

22C29C8A 859EF516 B36F8828 16D6C840

*#<^=:*= :@>:#=._ _;^*@.^* ;_<==@_:

//////// //////// //////// ////////

,#.*#>;> #>><^### ^.>_=*:, _#.=<^*,

EA676357 D1FCC649 C95EAFE5 A2750B75

8ACF17F1 E6CD38BC 410E745A 3050EF2F

11010011 10101111 11111001 10001100

54B58EBE D078BD3E 8DCE7612 460AAA37

B7CFE325 6449D1C6 1750B789 B8598796

10100000 01110111 00110001 00001111

^@_>_.@, .,=^,#,< ==#^..## <,_*__^^

,*:_@@,: ^===^;=* =_#=.*^: <*^@:*,<

6665B69C E78AED33 85854008 262CF888

AC892195 300A434D DBB2A28E DAFB4A62

94F47DEC 2DDA8D27 6FCD03AD 23337EC2

A0B32DFD 7BAADD9B 699B5F65 C5A1D3AF

=::<^<<# ;<._><*< <_@*=@_* ;_,*_=>*

00101100 01111001 01101111 10100000

01010100 01010110 11100001 01001110

=.>:#=#@ ;_;;#,*# =<.@_*=# #>.^.*,:

10010101 11000011 11110011 11111110

><.*@@:= .>=<^__< @:#;;^,; ##,^.@.>

11111011 00000111 11110101 11001001

@:;:,@;_ _.^#@^;* =;.;^,__ ,#=^,_^:

AB0D3A0C C49C52A4 60731E1F 5760D9E7

//////// //////// //////// ////////

F2D4CD96 6D1E7F78 E9B652EC 3FC33176

<:#,:;;. >^.<=_:^ .@=.,@:, @^@*@=;^

;<#*<,@^ **=.:.;, ==:_^*^# >:,@:_*,

=*_^__:_ :>_=>>#< <^_..^<; ;^^#,^>_

_,=:<=^: :^^.*_== #@__=@<* ,.==@@=.

10110100 01101110 01101010 01111000

0F40756F 17959239 0780DE3E 10DD56E9

:^>##^>< .=@*;=;= _:::._;= >,^.,@@#

11011011 01101110 11000101 11110010

8AAD8B3A 67E60DE4 56873577 CFE957FD

=^;*=,:_ >#,<:.:. *@;;<.;: @@<_^,:;

CFC96BDF 251427E5 20D09D94 EFD525D4

;@>#;#.; @_^,@^@@ _;_=#:>= *;@_^__,

<;@#*:>< <;_,,#:* <:.,=_.. =,@>@>,^

EA5E773B 770C2F68 3489C553 E487114E

00001110 00100000 01111000 11110111

1E28176D FF6E2367 9BF356F5 654A5C03

11110111 10100110 10000111 01100000

#^@*>>@@ ;;.=;#^: .;*#;^,; ,:;_^;<^

199BD797 F4F9F9C1 3E0BDBA6 5493293C

,>@::<#_ _*#:#^,= <=.#:=^* #>;*@;,@

_=@^>.,@ ;_,@=;>, ,>=,.#,@ ,^,:,;;<

01000100 01010110 00100111 11110010

3095B271 458E0AD8 6083D02B BF437134

CC2DA61C 363911AE A5FC08BF 6CD371FE

;*>___,. .*>@#,;. ^^@^;<>< ;#,*,:;>

11001000 01011111 11100101 00000010

01000000 00010111 01001000 11111110

10011010 10100001 11100110 10101111

^>=;_.;^ ..:#*:=# **<*:@=@ =::>*=@>

0300DA40 A062D949 3AF63733 52816B90

Longue-vue

Website to help high school students in their orientation

See more

01. Info


Status: Completed

Dates: 04/04/2022 - 29/07/2022

Technologies

  • icon

    JavaScript

    // Programming language

  • icon

    Vue.js

    // JavaScript frontend Framework

  • icon

    Firebase

    // Backend as a Service

Team

  • Me

    // Fullstack Developer and Designer

Project {{ data.content?.title }}

03. Presentation


Presentation

Longue-vue is a web application that I created during my internship at the end of my DUT. Its objective is to offer a support to help high school students in their choice of orientation.

The internship

I did my internship in the Quebec company Cosmoss La Matanie which has the mission to accompany children from early childhood to professional integration.

I was the only developer on the project, so it was up to me to organize the ideas and needs of the company and then implement them in the final product.

Timeline

I started by thinking about the structure of the application. Since it is a hub of activities and resources, it was important to get the user experience right. According to the clients, sections quickly emerged. So I started to design the interface and integrate basic components (texts, buttons, login interface, etc.) while learning the philosophy of the Vue.js framework. Very quickly, I needed to tackle the backend. The company strongly advised me to use Firebase for the reduced costs (on a small scale) and for the speed of development. I continued to work all along the internship with the agile method on the backend and the frontend in parallel.

Continuation of the project

It was expected that the project would not be finalized in time, but the goal was to provide a functional basis
The project was handed over to a specialized company to continue the work started. The application aspires to be used in many schools in Quebec.

Level up

  • Web development with the Vue.js framework
  • NoSQL database management
  • Project management, communication with clients

Conclusion

This project was very rich in learning in the web domain that I didn't know enough before my internship. In the end, I am very proud of the result and it is really motivating to think that this application will be continued and used to help students.