B7E5FB82 270BCB2D 071E052F 7EE954BD

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

10000001 01000101 00000101 01001000

10001111 00101110 10010100 11010001

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

FC6A3294 83AC3EB3 BD84D384 44612EF4

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

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

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

D2AF1720 09624FFE AA1A38E3 30864D27

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

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

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

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

11011100 00101011 10101001 10111011

1B0C9724 18E6243E AF2F0D59 3988351C

10100110 00100100 10111001 00001011

A2C7DD33 6E1C25D6 C8F46608 83309C4B

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

10101011 11111111 10101000 01110110

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

00111001 11101111 11110110 10111000

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

7473FCC8 1D4636E7 1B412EE4 894B391E

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

5AE0C993 1AD006A7 B2D941E5 1A6DCB64

10001000 00001000 01111100 10111111

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

11001111 01110111 01010111 10011001

24AFC495 C9A02198 54B3C973 C509AEB0

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

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

01000001 00001010 00010011 01000110

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

01111011 00000100 10100110 00010111

11010010 11100101 00101011 01111000

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

C1E057C2 F0CAEC4A 249D0A2B FBBC445F

20D48371 8D7DE336 D1FE0CF8 89596DAB

01101000 01010110 10001110 01100110

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

48511C79 06A2A097 9798DFB2 A547D268

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

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

10001110 00111011 11010100 11010101

10101011 10011001 00010100 10111111

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

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

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

00011101 01010110 10000010 10011001

F7EAECFE 9421E4CF FD50213D CB96CD45

5DF4E08C 282DC88A 24086AA3 5C8150A1

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

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

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

11011100 11100111 10100101 11000001

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

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

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

8F2A1E7B 792BF3CC 5AF70359 864AF94B

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

D69EBF67 53ADC515 8A93201F 2438EDFA

F97A1722 41948F7C 0316A777 7625E469

01101011 11001011 10111010 10001111

FA67048A 0BC877C0 E8F6B632 80E90CC7

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

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

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

11011101 01011010 10111100 00100101

10010110 01000101 00000000 11101000

10010001 01111101 00101111 01000100

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

10000110 00110011 10110111 101

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

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

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

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

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

11100100 01100101 10010111 11000000

10010111 10011101 01000011 01001011

00011111 10000000 11000001 11100010

D7F99E48 C9136667 D1EAD39E E72EE7FF

D4BFC1C9 6BCBFF36 10474F5E B056E797

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

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

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

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

00011001 00111111 01010011 00000000

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

5AEE13D8 B915A3BF F2E70622 A8246FC7

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

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

10101111 10010100 00011100 10000000

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

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.