Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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.

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.