1
1
# GitLab Home Page Clone
2
- ![ GitHub Actions] ( https://img.shields.io/badge/github%20actions-%232671E5.svg?style=for-the-badge&logo=githubactions&logoColor=white )
3
- ![ Express.js] ( https://img.shields.io/badge/express.js-%23404d59.svg?style=for-the-badge&logo=express&logoColor=%2361DAFB )
4
- ![ JavaScript] ( https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge&logo=javascript&logoColor=%23F7DF1E )
5
- ![ NodeJS] ( https://img.shields.io/badge/node.js-6DA55F?style=for-the-badge&logo=node.js&logoColor=white )
6
- ![ Nodemon] ( https://img.shields.io/badge/NODEMON-%23323330.svg?style=for-the-badge&logo=nodemon&logoColor=%BBDEAD )
7
- ![ GitHub] ( https://img.shields.io/badge/github-%23121011.svg?style=for-the-badge&logo=github&logoColor=white )
8
- ![ Mocha] ( https://img.shields.io/badge/-mocha-%238D6748?style=for-the-badge&logo=mocha&logoColor=white )
9
- ![ Redux] ( https://img.shields.io/badge/redux-%23593d88.svg?style=for-the-badge&logo=redux&logoColor=white )
10
- ![ HTML5] ( https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge&logo=html5&logoColor=white )
11
- ![ CSS3] ( https://img.shields.io/badge/css3-%231572B6.svg?style=for-the-badge&logo=css3&logoColor=white )
12
- ![ SASS] ( https://img.shields.io/badge/SASS-hotpink.svg?style=for-the-badge&logo=SASS&logoColor=white )
13
- ![ Git] ( https://img.shields.io/badge/git-%23F05033.svg?style=for-the-badge&logo=git&logoColor=white )
14
- ![ PWA] ( https://img.shields.io/badge/PWA%20APP-8A2BE2?style=flat-square )
2
+ ![ Front-end Development] ( https://img.shields.io/badge/frontend%20development-%23404d59.svg?style=for-the-badge )
3
+ ![ Web Development] ( https://img.shields.io/badge/web%20development-%232671E5.svg?style=for-the-badge )
4
+ ![ Web Application] ( https://img.shields.io/badge/web%20application-6DA55F?style=for-the-badge )
5
+ ![ User Interface] ( https://img.shields.io/badge/user%20interface-%23323330.svg?style=for-the-badge )
6
+ ![ GitLab] ( https://img.shields.io/badge/gitlab-%23181717.svg?style=for-the-badge )
15
7
16
8
The project is academic. It's made to evaluate my level in
17
9
native web development languages; test my capacity to build
@@ -21,29 +13,41 @@ front-end project only. No any back-end API is called.
21
13
The main goal of this project is to reproduce the old
22
14
GitLab home page only.
23
15
24
- ## Access links
16
+ ## Table of contents
17
+ 1 . [ Access links] ( #links )
18
+ 2 . [ Reference] ( #ref )
19
+ 3 . [ Final result] ( #result )
20
+ 1 . [ Video] ( #video )
21
+ 2 . [ Screenshots] ( #images )
22
+ 5 . [ Project installation] ( #install )
23
+ 1 . [ Nodejs installation] ( #node-install )
24
+ 2 . [ Sources code cloning] ( #cloning )
25
+ 3 . [ Dependencies installation] ( #dev-install )
26
+ 4 . [ Project execution] ( #running )
27
+
28
+ ## Access links <a id = " links " ></a >
25
29
The project is already hosted on web and can be
26
30
accessible through one of these links below :<br />
27
31
- https://obrymec.github.io/gitlab_home_page_clone
28
32
- https://obrymec.gitlab.io/gitlab_home_page_clone
29
33
- https://gitlab-home-page-clone.onrender.com
30
34
31
- ## Reference
35
+ ## Reference < a id = " ref " ></ a >
32
36
The project can be found via the link below :<br />
33
37
- https://gitlab.com/obrymec/gitlab_home_page_clone
34
38
35
- ## Final result
39
+ ## Final result < a id = " result " ></ a >
36
40
This is the final result of the project :<br /><br />
37
- ### Video
41
+ ### Video < a id = " video " ></ a >
38
42
[ ![ Watch the project's video] ( https://img.youtube.com/vi/j7LeZvGRDzQ/maxresdefault.jpg )] ( https://youtu.be/j7LeZvGRDzQ )
39
43
40
- ### Screenshots
44
+ ### Screenshots < a id = " images " ></ a >
41
45
![ First render] ( ./assets/render/render_1.png )
42
46
![ Second render] ( ./assets/render/render_2.png )
43
47
![ Third render] ( ./assets/render/render_3.png )
44
48
![ Fourth render] ( ./assets/render/render_4.png )
45
49
46
- ## Project Installation
50
+ ## Project installation < a id = " install " ></ a >
47
51
⚠️ This project uses some nodejs packages for code
48
52
minification, css purge and auto prefixer for his
49
53
production phase.
@@ -54,7 +58,7 @@ sources code and also dependencies installation
54
58
whether you want. Otherwise, <b ><i >it's
55
59
mandatory to follow the steps below</i ></b >.
56
60
57
- ### < u > Nodejs Installation</ u >
61
+ ### Nodejs installation < a id = " node-install " ></ a >
58
62
``` sh
59
63
cd ~ ; \
60
64
sudo apt install curl; \
@@ -67,19 +71,19 @@ npm install yarn --global;\
67
71
yarn --version
68
72
```
69
73
70
- ### < u > Sources code cloning</ u >
74
+ ### Sources code cloning < a id = " cloning " ></ a >
71
75
``` sh
72
76
git clone git@github.com:obrymec/gitlab_home_page_clone.git gitlab_home_page/
73
77
```
74
78
75
- ### < u > Dependencies installation</ u >
79
+ ### Dependencies installation < a id = " dev-install " ></ a >
76
80
Go to the root folder of the project sources
77
81
and run :
78
82
``` sh
79
83
yarn install
80
84
```
81
85
82
- ### < u > Project execution</ u >
86
+ ### Project execution < a id = " running " ></ a >
83
87
Whether the project sources is opening with
84
88
<i ><a href = " https://code.visualstudio.com/download " >
85
89
vscode</a ></i >, follow the steps below :
0 commit comments