This project was bootstrapped with Create React App.
The sample is on : main
The more complex sample is on : features/custom-form
But i have make design on 2 branches : ** features/main-with-style features/custom-form-with-style **
Just switch between branches, npm i every switch , and restart the server
**on main : **
- react-hook-form 📝
- yup ✍️
- hookform/resolvers 📝
- prettier 🫧
- eslint (with .eslintrc.json) 📖
- craco config with aliases (webpack aliases) ⚙️
- sass 👨💻
on branches with suffix "with-style"
- tailwind 💅
- autoprefixer 💅
- postcss 💅
- postcss-import 💅
Conventional commit : Conventional commit
In the project directory, you can run:
Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.
The page will reload when you make changes.
You may also see any lint errors in the console.
Builds the app for production to the build
folder.
It correctly bundles React in production mode and optimizes the build for the best performance.
The build is minified and the filenames include the hashes.
Your app is ready to be deployed!
See the section about deployment for more information.
Le projet a été créer avec Create React App.
La démo basique est sur la branche : main
Une démo plus complexe avec un custom form est sur la branche : features/custom-form
Un ajout avec redirection et design lors du submit du form sur ces deux branches : ** features/main-with-style features/custom-form-with-style **
*Il faut juste changer de branche, refaire un npm i et red
**sur main : **
- react-hook-form 📝
- yup ✍️
- hookform/resolvers 📝
- prettier 🫧
- eslint (with .eslintrc.json) 📖
- craco config with aliases (webpack aliases) ⚙️
- sass 👨💻
sur les branches avec le suffixe "with-style"
- tailwind 💅
- autoprefixer 💅
- postcss 💅
- postcss-import 💅
utilisation du conventional commit : Conventional commit
Dans la racine du projet vous pouvez lancer
Lancer application en mode développement Ouvrir http://localhost:3000 pour le voir dans le navigateur.
La page se recharge à chaque changement. Vous pouvez voir les erreurs lint dans le terminal si il y en a.
Lancer application en mode production dans le dossier build
L'application est prête a être deployée !