10100101 10100101 00100110 01101011

11010010 10001110 01000001 01110101

1555C857 D366BBEB 36E164ED D59950F7

10010110 11011000 00101101 01100101

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

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

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

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

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

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

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

11010001 10111110 10001110 11111100

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

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

10100011 11001011 11101011 00111011

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

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

11010101 11110100 01010111 01100010

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

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

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

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

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

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

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

CB01AC6D 3012FB0A 7E411C0D 7A7799B6

F0E31C74 AE3BD7E6 6D903B60 1DCBF13C

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

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

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

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

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

BCCADC33 1FAE5903 6F45BBE6 9E6780A1

98F57FAA A5736987 8F4888D4 B677F019

2B638EFF 3EEEF89F 76792C25 0FA8CE2D

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

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

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

6420C328 6D704784 CB424E84 943AECA1

C7EA7D53 31CC8705 1984F8E1 D3597218

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

00010100 10110011 10111010 11011111

10010110 01010010 10101011 01110000

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

00101111 00101010 10111100 10000101

11001011 10011011 10011010 11000100

71BC6177 58AB59BC 6BB59551 CAF3A66F

826A9320 76BFC9C0 5F343F72 82DBFD73

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

01011100 00011011 01011000 11101011

01001001 00101011 10101011 01110111

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

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

00011001 01001010 01001111 10111001

11001010 10001000 11011111 00010110

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

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

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

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

10010101 01001111 10111011 11110111

429E4878 71B67031 FA0C505B 31AF1695

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

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

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

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

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

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

10011011 11101111 00111101 00101101

DF99B65E 6524683B 39612088 6D2264F1

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

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

51294024 3FBADAA9 079402C9 7E89C974

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

DA6CF39A 8432CEBA D231AD90 BD9432DF

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

BBEE11CC D3BB2772 C4944377 B3A48D89

44118760 93418CEF 05BF066F 17A6AE78

4B857A8E 20936FF6 2171C260 875D62E9

01100110 01111001 00110001 00111101

80516914 2011249C 73134B59 852E8D64

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

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

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

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

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

CE2C520A DF954344 22675B62 6B3FF22F

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

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

9D0FCCE8 84835411 61469F0A E99461E9

ECDB18A0 8EBC8787 8E68CE64 FD375004

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

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

6B1BF178 16D6A1CB B8A511E3 6524C596

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

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

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

3BEDBF05 A6BD4592 3AD915A0 B5D482BC

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

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

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

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

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

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.