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 )
2
3
![ Express.js] ( https://img.shields.io/badge/express.js-%23404d59.svg?style=for-the-badge&logo=express&logoColor=%2361DAFB )
3
4
![ JavaScript] ( https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge&logo=javascript&logoColor=%23F7DF1E )
4
5
![ NodeJS] ( https://img.shields.io/badge/node.js-6DA55F?style=for-the-badge&logo=node.js&logoColor=white )
@@ -32,7 +33,7 @@ The project can be found via the link below :<br/>
32
33
- https://gitlab.com/obrymec/gitlab_home_page_clone
33
34
34
35
## Final result
35
- This is the final result of the project:<br /><br />
36
+ This is the final result of the project :<br /><br />
36
37
### Video
37
38
[ ![ Watch the project's video] ( https://img.youtube.com/vi/j7LeZvGRDzQ/maxresdefault.jpg )] ( https://youtu.be/j7LeZvGRDzQ )
38
39
@@ -42,7 +43,7 @@ This is the final result of the project:<br/><br/>
42
43
![ Third render] ( ./assets/render/render_3.png )
43
44
![ Fourth render] ( ./assets/render/render_4.png )
44
45
45
- ## Project installation
46
+ ## Project Installation
46
47
⚠️ This project uses some nodejs packages for code
47
48
minification, css purge and auto prefixer for his
48
49
production phase.
@@ -53,7 +54,7 @@ sources code and also dependencies installation
53
54
whether you want. Otherwise, <b ><i >it's
54
55
mandatory to follow the steps below</i ></b >.
55
56
56
- ### <u >Install nodejs </u >
57
+ ### <u >Nodejs Installation </u >
57
58
``` sh
58
59
cd ~ ; \
59
60
sudo apt install curl; \
@@ -71,39 +72,44 @@ yarn --version
71
72
git clone git@github.com:obrymec/gitlab_home_page_clone.git gitlab_home_page/
72
73
```
73
74
74
- ### <u >Install dependencies </u >
75
+ ### <u >Dependencies installation </u >
75
76
Go to the root folder of the project sources
76
- and run:
77
+ and run :
77
78
``` sh
78
79
yarn install
79
80
```
80
81
81
- ### <u >Run project </u >
82
+ ### <u >Project execution </u >
82
83
Whether the project sources is opening with
83
84
<i ><a href = " https://code.visualstudio.com/download " >
84
- vscode</a ></i >, follow the steps below:
85
+ vscode</a ></i >, follow the steps below :
85
86
86
87
- Make sure that your computer is connected
87
88
to Internet;
89
+
88
90
- Go to extensions section and tap ` live server `
89
91
within extensions search bar;
92
+
90
93
- Then, install it. After installation, close
91
94
your <i ><a href = " https://code.visualstudio.com/download " >
92
95
vscode</a ></i > and open it again;
96
+
93
97
- When that is done, open ` index.html ` file
94
98
inside ` ./public/index.html ` and make a right
95
99
click;
100
+
96
101
- In the displayed contextual menu, click on
97
102
` Open with Live Server... `
98
103
99
104
Whether you don't using <i >
100
105
<a href = " https://code.visualstudio.com/download " >vscode</a ></i >,
101
- go to the root folder of the project and run:
106
+ go to the root folder of the project and run :
102
107
``` sh
103
108
yarn start
104
109
```
110
+
105
111
Then, open your favorite browser and tap on
106
- the search bar, the following link:
112
+ the search bar, the following link :
107
113
``` sh
108
114
http://localhost:5000/
109
115
```
0 commit comments