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

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

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

7F050CAF

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

00000101 11000010 10101010 10111000

1D807831 DF876EC9 5EC94746 D545B8D4

11100011 11100111 00101000 01110000

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

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

01011001 10110001 11101011 11100011

10101100 00100111 10011001 11101000

00011001 00000101 10011011 10010010

9A604AD0 C5FCE72B 3D910DE4 D6D56842

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

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

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

E542B94D 2ED9CAB1 177AE89F 5D64AB2E

10011010 11000001 00110011 11001101

BE33FF71 46054393 F6FA3D21 73D2049E

00100110 10111011 11011011 10001001

5384B100 883898A2 0F8C3E4A 14D83B6B

10100010 11100010 11111100 10011011

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

2967B1B7 B1D12547 F17643B2 AAFB88AD

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

1ADB8556 81CE78FB 5FA7700E AFFC545C

193ECE16 4A1FA484 93B6FD3D 3906D7E1

00000100 11001100 01101111 10111100

4F138E8E 4045C83A 1187C1C1 7B7AB465

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

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

00001111 00000001 01000110 01101110

01011010 10100110 01110001 01010101

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

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

11101001 01111101 01000000 00000010

20792708 126F4E71 7C47A514 664B9FF8

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

11111101 01111010 10010110 01000000

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

29ECD267 4A041FAB 96FC4A2A 51017FF7

1D8C0BAE F80F2C2A D29E1630 C94448DC

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

01100010 10110001 11010101 00111010

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

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

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

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

7A843733 B3C12F8B 96C9BAD3 45EDC346

01000111 01001111 00101111 10111000

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

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

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

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

10110000 10111000 11100011 10100011

294AAC96 ABC7F4EA 86045816 824418CF

10001101 00110000 10110100 00111001

78674AD5 18CBF4B7 F62CFEDC 5BE10701

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

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

00110100 01011100 10001111 00000001

B17B12B2 B1872C6F 68D7A6F4 3B197707

01011000 11100101 10101111 10001001

B0AAB7A6 75DF27BC E410E1C2 94AFDB53

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

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

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

00101010 11001111 01111101 10011011

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

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

11101000 01011011 01011111 11100000

11101001 10101101 00111110 01010110

00110001 10110110 00100001 00001011

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

01000110 00100000 11010001 01011101

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

6F7CE992 AA9AF4B3 F79B5188 4781B874

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

289A832B 6EB3E2FC 46FCFE05 EF12ECB2

38AFB9E3 8C703324 67F8E428 E0FAEC14

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

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

11110001 10100111 01110011 11110111

32759AED A461CAFF 5758AFA7 6080F54B

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

8DD4F754 0733655E D81DE2A5 205E90E1

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.