app -> create

README.md

@@ -4,7 +4,7 @@
 
 **Web-Maker** is an offline playground for your web experiments. Something like CodePen or JSFiddle, but much more faster and works offline because it runs completely on your system.
 
-## [Open Web App](https://webmaker.app/app/) (Recommended: More features. More fun!)
+## [Open Web App](https://webmaker.app/create/) (Recommended: More features. More fun!)
 
 or
 

packages/website/docs/getting-started.md

@@ -8,7 +8,7 @@ Web Maker is available as a Web app and a Chrome extension. Web app is recommend
 
 **Web app**
 
-The web app requires no installation. Just [goto the app url](/app/). Once you open the app, it is available for offline use in future.
+The web app requires no installation. Just [goto the app url](/create/). Once you open the app, it is available for offline use in future.
 
 **Chrome extension**
 
@@ -20,7 +20,7 @@ Here is the link to the Chrome extension 👉 [Chrome Web Store](https://chrome.
 
 **Web app**
 
-As mentioned, the Web app can be simply opened by visiting [https://webmaker.app/app/](/app/).
+As mentioned, the Web app can be simply opened by visiting [https://webmaker.app/create/](/create/).
 
 **Chrome extension**
 

packages/website/docs/settings.md

@@ -9,13 +9,13 @@ At rare times, you might find yourself in a situation where you are not able to
 Say, you want to turn off `autoPreview` (which runs your code automatically on fresh launch and then on subsequent changes). You can do so by opening the following URL:
 
 ```
-https://webmaker.app/app?settings=autoPreview:false
+https://webmaker.app/create?settings=autoPreview:false
 ```
 
 Say, you want to turn off monaco editor also:
 
 ```
-https://webmaker.app/app?settings=autoPreview:false,isMonacoEditorOn:false
+https://webmaker.app/create?settings=autoPreview:false,isMonacoEditorOn:false
 ```
 
 **Note**: Currently overrides work only for `autoPreview` and `isMonacoEditorOn` options. More coming soon.

src/components/Notifications.jsx

@@ -227,7 +227,7 @@ export function Notifications(props) {
 					<strong>autoPreview</strong> and <strong>isMonacoEditorOn</strong> are
 					supported. Example:{' '}
 					<code>
-						https://webmaker.app/app?settings=autoPreview:false,isMonacoEditorOn:true
+						https://webmaker.app/create?settings=autoPreview:false,isMonacoEditorOn:true
 					</code>
 				</li>
 				<NotificationItem type="bug">
@@ -620,11 +620,11 @@ export function Notifications(props) {
 						as web app that runs offline just like the extension! Checkout it
 						out -&gt;
 						<a
-							href="https://webmaker.app/app/"
+							href="https://webmaker.app/create/"
 							target="_blank"
 							rel="noopener noreferrer"
 						>
-							https://webmaker.app/app/
+							https://webmaker.app/create/
 						</a>
 						.
 					</li>

src/components/OnboardingModal.jsx

@@ -19,11 +19,11 @@ export function OnboardingModal(props) {
 						</svg>
 					</div>
 					<p>
-						Open Web Maker anytime by visiting <a>https://webmaker.app/app/</a>{' '}
+						Open Web Maker anytime by visiting{' '}
-						- Even when you are offline! It just works! 😱{' '}
+						<a>https://webmaker.app/create/</a> - Even when you are offline! It
-						<strong>Drag the following bookmarklet</strong> on your bookmark bar
+						just works! 😱 <strong>Drag the following bookmarklet</strong> on
-						to create a quick access shortcut:
+						your bookmark bar to create a quick access shortcut:
-						<a class="ml-1 bookmarklet" href="https://webmaker.app/app/">
+						<a class="ml-1 bookmarklet" href="https://webmaker.app/create/">
 							<svg width="20" height="20" aria-hidden="true">
 								<use xlinkHref="#logo" />
 							</svg>