|
60 | 60 |
|
61 | 61 | ## About fflow |
62 | 62 |
|
63 | | -Ever feel like getting started with a React App takes too many files and too much boilerplate code? |
| 63 | +React is the most popular library used by frontend developers today. Yet, getting a React application started requires a too much boilerplate code and unnecessary time. |
64 | 64 |
|
65 | | -Meet fflow. |
| 65 | +fflow is a free, open-source developer tool to create React applications rapidly and with minimal effort using the simple drag and drop UI. It combines the most compelling features of Create React App, React ES6 snippets, and a beautiful user experience. Here is a medium article describing the philosophy behind fflow and you can download it here. |
66 | 66 |
|
67 | | -fflow is a frontend developer tool to create React applications in no time and with minimal effort using the simple drag and drop UI. It combines the most compelling features of Create React App, React ES6 snippets, and a beautiful user experience. |
68 | | - |
69 | | -We are really excited to launch our alpha version and hope you will download, play around with it, and provide us feedback. |
| 67 | +We are really excited to launch this alpha version and hope you will download, play around with it, and provide us with feedback. |
70 | 68 |
|
71 | 69 | Visit our website here 👉 https://fflow.dev |
72 | 70 |
|
73 | | -GIFS to be inserted here and centered aligned |
74 | | - |
75 | 71 | ### Features |
76 | 72 |
|
77 | 73 | - Drag, Drop, Reorder and Delete HTML Tags |
@@ -141,13 +137,14 @@ Add styles to your HTML elements and React Components by editing directly in the |
141 | 137 |
|
142 | 138 | 1. Clone this repo `git clone https://github.com/oslabs-beta/fflow` |
143 | 139 | 2. Install the dependencies `npm install` |
144 | | -3. Run script for development mode `npm run start` |
145 | | -4. Build the app (automatic) `npm run build` |
146 | | -5. Test the app (after `npm run build` || `yarn run build`) `npm run prod` |
| 140 | +3. Copy and run this in your terminal (`./node_modules/.bin/electron-rebuild`) or `.\node_modules\.bin\electron-rebuild.cmd` for Windows |
| 141 | +4. Run script for development mode `npm run start` |
| 142 | +5. Build the app (automatic) `npm run build` |
| 143 | +6. Test the app (after `npm run build` || `yarn run build`) `npm run prod` |
147 | 144 |
|
148 | | -Note there is currently an issue where the Monaco Code Editor keeps showing 'loading...' in development mode. We are working to solve this. In the meantime, when you drag HTML tags onto canvas you can still see the code editor's contents in the Developer Tools. |
| 145 | +#### Current issues |
149 | 146 |
|
150 | | -#### Node versioning error |
| 147 | +Note there is currently an issue where the Monaco Code Editor keeps showing 'loading...' in development mode. We are working to solve this. In the meantime, when you drag HTML tags onto canvas you can still see the code editor's contents in the Developer Tools. |
151 | 148 |
|
152 | 149 | #### Running tests |
153 | 150 |
|
|
0 commit comments