From 5a1ee340a617bf4b85d18bb46210d9b25a9204dc Mon Sep 17 00:00:00 2001 From: Armand Philippot Date: Wed, 27 Oct 2021 14:48:16 +0200 Subject: chore: add react small apps --- htdocs/src/js/config/projects.js | 60 ++++++++++++++++++++++++++++++++++++++++ 1 file changed, 60 insertions(+) (limited to 'htdocs/src/js/config/projects.js') diff --git a/htdocs/src/js/config/projects.js b/htdocs/src/js/config/projects.js index f22fa9b..f8d90a4 100644 --- a/htdocs/src/js/config/projects.js +++ b/htdocs/src/js/config/projects.js @@ -99,6 +99,46 @@ const projects = [ ], 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 une titre et un corps de texte, puis vous pouvez facilement naviguer entre vos pages grâce à la navigation.', + }, + path: './projects/react-small-apps/notebook/build/index.html', + 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', @@ -119,6 +159,26 @@ const projects = [ ], 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/index.html', + 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; -- cgit v1.2.3