Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/zahirhaniche-dev/reactjs-boxy-generator
In this project, a web application was developed using ReactJS and Vue that lets users generate custom boxes based on their specified parameters.
https://github.com/zahirhaniche-dev/reactjs-boxy-generator
api css html javascript json reactjs redux
Last synced: about 2 hours ago
JSON representation
In this project, a web application was developed using ReactJS and Vue that lets users generate custom boxes based on their specified parameters.
- Host: GitHub
- URL: https://github.com/zahirhaniche-dev/reactjs-boxy-generator
- Owner: ZahirHaniche-dev
- Created: 2024-08-20T09:23:30.000Z (about 1 month ago)
- Default Branch: main
- Last Pushed: 2024-08-26T22:37:04.000Z (29 days ago)
- Last Synced: 2024-09-22T05:02:38.764Z (2 days ago)
- Topics: api, css, html, javascript, json, reactjs, redux
- Language: JavaScript
- Homepage: https://zahirhaniche-dev.github.io/reactjs-boxy-generator/
- Size: 156 KB
- Stars: 4
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Boxy Generator
## Welcome! đź‘‹
![ReactJS](https://img.shields.io/badge/-ReactJs-61DAFB?logo=react&logoColor=white&style=for-the-badge)
![TailwindCSS](https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=for-the-badge&logo=tailwind-css&logoColor=white)
![JavaScript](https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge&logo=javascript&logoColor=%23F7DF1E)
![HTML5](https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge&logo=html5&logoColor=white)
![Figma](https://img.shields.io/badge/figma-%23F24E1E.svg?style=for-the-badge&logo=figma&logoColor=white&color=blue)## Description
⚛️⚡🎨 Pour ce projet, j’ai choisi Vite et ReactJS, un duo puissant pour créer des applications web rapides et réactives, ainsi que Tailwind CSS pour son approche utilitaire.
## Prérequis
Assurez-vous d'avoir les outils suivants installés sur votre machine :
Node.js (version recommandée : 18.x ou supérieure)
npm (généralement installé avec Node.js)## Installation
git clone https://github.com/ZahirHaniche-dev/reactjs-boxy-generator.git
Accédez au répertoire du projet :
cd box-generator
Installez les dépendances nécessaires :
npm install
## Lancer le projet
Pour démarrer le serveur de développement et lancer l'application :
npm run dev
Cela démarrera le serveur de développement et vous pourrez accéder à l'application à l'adresse suivante : http://localhost:3000.
## Contribuer
Si vous souhaitez contribuer au projet, veuillez suivre les Ă©tapes suivantes :
Forkez le dépôt.
Créez une nouvelle branche (git checkout -b feature/your-feature).
Effectuez vos modifications.
Commitez vos changements (git commit -am 'Add new feature').
Poussez la branche (git push origin feature/your-feature).
Ouvrez une Pull Request.