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

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

01111011 00101111 00110101 11110010

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

11011101 10010100 10011110 01110000

11011010 01000100 00111100 11011010

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

10010011 11100011 11000010 01100100

BA3BD312 768E5994 DC445621 A24A8211

11011011 10011100 11000110 01101001

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

01010011 10010111 01101011 01010000

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

01001000 10111010 01001011 00010010

93CE87FE 639F83C7 07CDCBEF C6FB0D45

7BCEFBC6 76878433 AD4EC340 7A8C7F42

00001101 11100101 01001100 11100001

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

75EC4A48 38F420D9 25B498D1 3E086A46

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

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

10010000 11100001 00010110 10000011

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

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

10000001 00001000 01101010 01011110

01010010 00010001 01001111 00111110

10110001 00110001 01100110 10111000

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

10101111 10111011 00010011 01000011

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

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

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

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

20598F7D 97DE6779 98CC845E 5FDF2AA1

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

10111010 11011100 00001000 00100000

F9A0C3BE 41C38525 94477E58 D9D15418

01110100 00100010 10001000 11110101

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

00100001 00010011 01010011 01010100

562C445F 7C1E3049 A125F716 FE1B7A46

F6E94F7F 635E5D74 5AA7519E 4FC16EEC

41EA41F0 E138CD13 7D07F5BB 0F3BFB26

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

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

43E239D0 A86489E8 B1A106B4 722D50D7

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

2E5B82A6 0DF3CE45 61CB2A84 F9E4B92B

10000001 01100110 10011100 11011111

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

3B905A4E 26926C77 A253897E 55A1C7A2

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

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

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

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

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

668E1EE7 E1BE6500 72E819EB DD49869C

10101000 01101110 01100001 10110110

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

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

697AA1BC CE897110 B838263F B12DFD8F

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

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

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

10010011 10010100 01001001 11011111

01100001 10001011 11100111 00011011

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

00110100 01001110 01101101 00110101

10101100 00010000 10001000 00000110

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

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

87B52985 C8990CF6 A0B8DFDF C9C07B43

C21D5FEE CA226C77 DB1DC7A6 F84D91D2

97DA8D67 639C7DB1 F7306406 8626F825

6DD7EFD9 72E76017 15FD3C15 D2E37F6B

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

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

F131751B FA42D44C 13409630 B5FAB4B9

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

5196A1F0 7B323601 CD0019CF 09B2BB7F

10000110 00010111 10001000 11101011

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

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

00101001 10011111 10100111 10011100

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

948E5111 DE0E1AEC 92717DB1 47DB5417

11100100 00100010 01000100 00110010

C02D842C

01110010 00111011 10101101 00101100

10000100 00111101 00100111 10100110

01011110 10111101 00000111 11110011

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

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

1F2FD69E F40CAD84 EFCA9209 0AEA8C22

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

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

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

10010010 01111001 01111011 10100000

94682194 13223D60 1CC10F37 4A13BC8B

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

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

E808CCAA D95A2017 94648D4A B6D329F7

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.