A1FF7F4F 4CC3C3D7

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

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

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

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

946E42F8 A4543DFD B476F108 DB60BB96

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

942AD954 1410C96A D15556A2 BB745CFC

890F3158 52657F89 4EA6552B B15DE95B

01101100 01000100 11111110 11100001

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

11010000 11100011 01110101 00001001

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

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

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

79F8B40F 7A166651 C4D6B78E 8B5D066B

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

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

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

11011001 11111001 10111011 10101100

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

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

10110011 01011100 00101000 10001101

3E5F603C F91A0BC9 C93EFE1C E747D7AE

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

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

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

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

7F32BC3C 73E3F472 EB2077CF 00651531

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

10111101 11110110 00101010 01101001

4878AC07 DBCAA576 79BF65D4 18926B75

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

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

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

11010101 10101000 11100000 00001110

C855A1C0 65BDD736 ED38CC81 ABF26446

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

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

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

A9F415C9 DF08C2A4 51E4864E 5A2395A9

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

01101011 11101100 00010001 00111011

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

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

11010101 00100100 10111011 11100111

643747E2 396DB089 05BF8AB1 2B3AE62F

10111010 00110101 11100100 01010100

10001011 01110001 00111111 10010101

82DE3B85 8FE37C60 E2B421DF AA66798E

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

8D7E8BFA D06C8698 DBA2BB0D 6F5D9CC9

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

E5FBAB8C 12DEEF88 D03EC04E D53D142F

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

F3546712 FA2F1611 8A381706 B09F3381

11110110 10010000 01100101 01110011

0968143B 9EF6EB49 0D8D6334 76765FCA

19E6013C 8DFB0524 1C13F310 05F93D28

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

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

10001111 11101011 00101001 10000001

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

B14F8335 B2119E22 CAE75393 5F263A4F

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

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

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

68187868 E2719139 24DCB55D 489C571C

62BE2207 0084F2A6 824A8BC0 2A631951

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

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

31D826E1 5A81F6E0 72456C32 E10BC393

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

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

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

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

10010111 01100111 00010101 11100010

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

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

8478D97B E20870AA E974B51E C509DF9C

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

00111000 11110000 00001100 11000000

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

526FC4C2 4AAAD84F EA8655E4 DF781CFE

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

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.