01100100 01001000 00101101 00000101

2FC04204 5FF7A6BC 0B65F6F6 8A63FBBD

C4CC3151 00F0BBF3 F4118060 68945338

EC60455B E7F7B620 CA55E383 9A913D6E

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

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

26557AF6 0FF8BE0B A08D7B12 013E8F5C

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

10100101 10110111 10110111 01111110

2671D830 6BD49ACA 2971AEC9 B1ED6BE6

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

511A384E E8104538 20794D32 D1CD6E33

B882D11B 02C7231A 1487E75D 4F1C1AB2

10110101 10101010 10110011 11000110

00111011 11101010 01101100 01001100

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

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

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

3DE086A2 BFB04758 0F7F3B1A DB7964D7

847077FA E8A82AA6 DAE0EF6C 39D29C17

01101111 01100001 10100111 11000101

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

38C562D9 422E9E9C 2BA018A2 B86673A3

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

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

11001011 11010111 11101111 01011110

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

79BCE0C1 EB221F44 A1B17666 6D437A4F

11110111 01110011 10110001 11100010

A0F2F395 E121C49C 991E09B1 2FC04CAF

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

10000000 00111001 00000000 01011011

00111110 00100101 00001000 11100001

10101110 10001100 11000100 10001001

C6FFB563 F185962C F199A18D B9B30173

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

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

D18347C2 7D516F01 94920A70 1336B1F5

01001110 01101000 01000101 10101111

8EB9D310 6D3207F1 79608135 8DCB4D33

01110100 01101010 01010110 01000111

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

01000110 00001011 01011101 10111000

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

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

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

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

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

E723E308 05920D80 73F7C322 BE791990

00100110 11101100 01001000 01010011

01111100 00010001 11111110 00000110

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

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

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

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

F6301795 335577AA 1DF30FB1 1A6CD669

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

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

11110100 10000101 00101001 10010110

F8E66EF6 B549DE84 1A3170AF 5F0237E0

01101111 00000010 00010001 10111101

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

01011011 00011100 00000110 11100110

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

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

01010000 01001001 11101001 10010000

11111110 11000100 01000010 00010010

00100100 11100110 11000100 11111101

9C511B23 633E15E6 95DEA8D5 B356848B

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

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

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

19F6D6C0 F0B7D5A4 8FD578CD 92FBA1DB

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

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

9168EC31 E894BEC6 3F78B48D AA56BCFB

00010101 10111100 11110000 00001111

11111111 01111001 00110011 00011110

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

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

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

2A77993F 7E0472EE 208AAEE9 99DD4F8E

2B377C65 9109F53F B0365214 2209AA06

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

B06C40B1 17FB1311 9

01100101 01100010 10011000 00011001

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

00011011 10000110 01101011 00001010

00101110 01100011 00010110 01010110

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

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

01111111 10001110 00010110 11110110

7E7DA6ED 91EAB3E2 92EB3EFA 7470B4EE

F6F40CC0 D2EB4055 5C77ECF0 3C5FA765

335EFA3F 4E3586F1 4A58D46E 6DF52ED3

873C9FE0 B1A87C41 F6E52780 1DC1F6B5

10101010 10010000 11101001 10011010

1F29CCA8 A767D12B 5227C9D4 3AC6559F

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

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

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

F8AFA5CB ED93B048 17B61605 B7CB949B

DA1B7BE1 B18A30BA 1753A4F9 D836DCFD

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

31DF1F56 560D5CD3 E6EC7102 9589E84A

47ED44EA C1709B17 730DB1EB A67B8A28

10000010 11000111 10111111 00101000

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

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.