1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
|
const projects = [
{
id: 'bin2dec',
name: 'Bin2Dec',
description: {
en: 'Convert a binary string to a decimal number.',
fr: 'Convertit un nombre binaire en un nombre décimal.',
},
path: './projects/js-small-apps/bin2dec/index.html',
repo: [
{
name: 'Github',
url: 'https://github.com/ArmandPhilippot/js-small-apps/tree/main/bin2dec',
},
{
name: 'Gitlab',
url: 'https://gitlab.com/ArmandPhilippot/js-small-apps/-/tree/main/bin2dec',
},
],
technologies: ['Vanilla Javascript'],
},
{
id: 'budget-app',
name: 'Budget App',
description: {
en: 'By selecting a language in the initialization form, only the currency is converted (the app is not translated). Also, no data is saved on page reload.',
fr: "En sélectionnant une langue dans le formulaire d'initialisation, seul le format des nombres change (l'application n'est pas traduite). Aucune donnée n'est conservée après rechargement de la page.",
},
path: './projects/js-small-apps/budget-app/index.html',
repo: [
{
name: 'Github',
url: 'https://github.com/ArmandPhilippot/js-small-apps/tree/main/budget-app',
},
{
name: 'Gitlab',
url: 'https://gitlab.com/ArmandPhilippot/js-small-apps/-/tree/main/budget-app',
},
],
technologies: ['Vanilla Javascript'],
},
{
id: 'calculator',
name: 'Calculator',
description: {
en: 'A basic calculator.',
fr: 'Une simple calculette.',
},
path: './projects/js-small-apps/calculator/index.html',
repo: [
{
name: 'Github',
url: 'https://github.com/ArmandPhilippot/js-small-apps/tree/main/calculator',
},
{
name: 'Gitlab',
url: 'https://gitlab.com/ArmandPhilippot/js-small-apps/-/tree/main/calculator',
},
],
technologies: ['Vanilla Javascript'],
},
{
id: 'clock',
name: 'Clock',
description: {
en: 'What time is it? You can have the current hour in three formats: an analogic clock, a numeric display or a text.',
fr: "Quelle heure est-il ? Vous pouvez voir l'heure actuelle dans trois formats différents : une horloge analogique, un affichage numérique et sous forme de texte.",
},
path: './projects/js-small-apps/clock/index.html',
repo: [
{
name: 'Github',
url: 'https://github.com/ArmandPhilippot/js-small-apps/tree/main/clock',
},
{
name: 'Gitlab',
url: 'https://gitlab.com/ArmandPhilippot/js-small-apps/-/tree/main/clock',
},
],
technologies: ['Vanilla Javascript', 'SVG'],
},
{
id: 'css-border-previewer',
name: 'CSS Border Previewer',
description: {
en: 'Play with CSS borders (style, width, radius). Then, you can copy the generated code if the preview suits you.',
fr: "Jouez avec les bordures CSS (style, largeur, radius). Ensuite, vous pouvez copier le code généré si l'aperçu vous satisfait.",
},
path: './projects/js-small-apps/css-border-previewer/index.html',
repo: [
{
name: 'Github',
url: 'https://github.com/ArmandPhilippot/js-small-apps/tree/main/css-border-previewer',
},
{
name: 'Gitlab',
url: 'https://gitlab.com/ArmandPhilippot/js-small-apps/-/tree/main/css-border-previewer',
},
],
technologies: ['Vanilla Javascript'],
},
{
id: 'meme-generator',
name: 'Meme Generator',
description: {
en: 'Choose a random image, set one or more texts then position them. Your meme is ready!',
fr: 'Choisissez une image aléatoire, définissez un ou plusieurs textes et positionnez-les. Votre meme est prêt !',
},
path: './projects/react-small-apps/meme-generator/build/index.html',
repo: [
{
name: 'Github',
url: 'https://github.com/ArmandPhilippot/react-small-apps/tree/main/meme-generator',
},
{
name: 'Gitlab',
url: 'https://gitlab.com/ArmandPhilippot/react-small-apps/-/tree/main/meme-generator',
},
],
technologies: ['React', 'Fetch'],
},
{
id: 'notebook',
name: 'Notebook',
description: {
en: 'Create as many pages as you want and fill them. You can define a title and a body. Then you can easily navigate between your pages with the nav.',
fr: 'Créez autant de pages que vous le souhaitez et remplissez-les. Vous pouvez définir un titre et un corps de texte. Ensuite, vous pouvez facilement naviguer entre vos pages grâce à la navigation.',
},
path: './projects/react-small-apps/notebook/build/',
repo: [
{
name: 'Github',
url: 'https://github.com/ArmandPhilippot/react-small-apps/tree/main/notebook',
},
{
name: 'Gitlab',
url: 'https://gitlab.com/ArmandPhilippot/react-small-apps/-/tree/main/notebook',
},
],
technologies: ['React', 'React router'],
},
{
id: 'rps-game',
name: 'Rock Paper Scissors',
description: {
en: 'A basic implementation of the game. Try to beat your friend or the computer.',
fr: "Une implémentation du jeu. Essayez de battre votre ami ou l'ordinateur.",
},
path: './projects/js-small-apps/rock-paper-scissors/index.html',
repo: [
{
name: 'Github',
url: 'https://github.com/ArmandPhilippot/js-small-apps/tree/main/rock-paper-scissors',
},
{
name: 'Gitlab',
url: 'https://gitlab.com/ArmandPhilippot/js-small-apps/-/tree/main/rock-paper-scissors',
},
],
technologies: ['Vanilla Javascript'],
},
{
id: 'todos',
name: 'Todos',
description: {
en: 'You can add, remove or mark as done your todos. For each todos, you can add some details in addition to the title.',
fr: 'Vous pouvez ajouter, supprimer ou marquer comme fait vos "todo". Pour chaque "todo", vous pouvez ajouter des détails en plus du titre.',
},
path: './projects/react-small-apps/todos/build/',
repo: [
{
name: 'Github',
url: 'https://github.com/ArmandPhilippot/react-small-apps/tree/main/todos',
},
{
name: 'Gitlab',
url: 'https://gitlab.com/ArmandPhilippot/react-small-apps/-/tree/main/todos',
},
],
technologies: ['React', 'React router', 'Redux'],
},
];
export default projects;
|
