11100010 10110110 01101011 11001101

01010010 00110111 10110001 00010000

7F0B3EA6 2B2E629D 1027B688 2E6C882A

7DBE7DF3 74483204 A7BC735C C1302025

10111100 00110110 1

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

E166F194 D5295221 C76171E6 421D06A0

9558E175 D2A4C086 455A1C05 3176A94D

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

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

1E20EEB4 CBEDC5AF 5E826716 D2DFDE8F

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

0BBA5F6A D3F01FE7 4A7B4F24 7CFE8DCA

87EDAF90 1EBA0F2B 7606DFDE 487BCA41

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

F7851684 CA259E3D 423B72FF 3CCA8D69

DE872A88 61486151 C858AEEF 0C19EB4A

BC60D36E 3F860D1D 031F2B01 D3390FDF

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

11111001 01100101 00001101 01000111

0A88E844 20ED566C E1B0C997 BEF7A0FF

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

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

193C68EF 8459674C E35E42FC 9F719BF0

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

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

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

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

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

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

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

00101111 00001011 10111011 11001111

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

2A96211A 0F325015 B5F31120 FDC3C8D0

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

D4692B68 30C99D82 750E8323 D579ED21

ECD733F0 B2C17ED2 1202E498 2B991916

00111001 00011111 00010000 10101000

10110001 00000101 00001001 00011011

953A3D3A 4ACE1DDB C2D4C23A 02271B14

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

01101110 11100110 00001001 11000101

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

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

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

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

32C32131 723FB8F3 EFCFD35E EC92B4E2

36D7303D 7C8104CE BFAA9BEB 8CA22A9F

10100101 10100000 11000010 00101011

49AB9C5E 0554CEC3 D4883D30 42F68126

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

BFE30525 B13EB41E EE550BC1 FF47D940

40A82070 43E0C67B 17096A28 41FD922A

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

BEC969B7 EBD332C5 5B27501C E81610B1

ADD3C820 0D61110C 64696D89 7FDA7C2D

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

9D1D95FC 5BC425D2 809CC68C 1309FB90

DB980

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

7D32199B F8245B3D 7BC29FFD 772847E9

9CFCA148 66FDDDFA DF3A6A4A 73D5C994

642AB1EE 0AE6CC9B 0F2F14C3 D97D77B9

FBEDF1E3 6E575904 DA6C629F 77B74187

B774426D AE40D658 522FFA96 4F7C3D66

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

6C62A830 0E8040DD BF2FF1BB 1DD18D58

11110101 01000010 10111111 01001001

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

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

11011011 10100111 10000100 11101001

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

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

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

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

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

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

10100111 10100010 10000010 0110111

01011110 01010111 11010011 10100110

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

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

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

01001010 00110100 00001100 00000010

E49A2AF2 F01F5023 5C5A7C91 A97CEC0A

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

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

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

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

97016F4E 607305BD 48B89B7F 28143801

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

01010111 01101111 00111001 01101100

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.