thecodermehedi / stylewrite

A Simple Interactive Online Text Editor

StyleWrite is a simple, minimal, and fast online text editor designed with Tailwind CSS and basic JavaScript for interaction.

How to run this ?

1. Clone this repo

git clone https://github.com/devbytemehedi/stylewrite.git

2. Open stylewrite in vscode

code stylewrite

3. Install node modules

npm i

4. Build the style.css file

npm run build

5. Install Live Server Extension
6. Open index.html and Right click on the editor
7. Click "Open with Live Server".
8. Project should be up and running in your browser.

OS, Terminal & Shell

Software Used

Technology Used

Connect with me

Folder Structure

stylewrite
 ┣ .vscode
 ┃ ┗ settings.json
 ┣ dist
 ┃ ┗ .gitkeep
 ┣ src
 ┃ ┣ assets
 ┃ ┃ ┣ favicons
 ┃ ┃ ┃ ┣ icon.png
 ┃ ┃ ┃ ┗ icon.svg
 ┃ ┃ ┣ icons
 ┃ ┃ ┃ ┣ dev.svg
 ┃ ┃ ┃ ┣ facebook.svg
 ┃ ┃ ┃ ┣ github.svg
 ┃ ┃ ┃ ┣ instagram.svg
 ┃ ┃ ┃ ┣ linkedin.svg
 ┃ ┃ ┃ ┗ text-size.svg
 ┃ ┃ ┗ logo
 ┃ ┃ ┃ ┗ logo.png
 ┃ ┣ js
 ┃ ┃ ┗ main.js
 ┃ ┣ pages
 ┃ ┃ ┗ .gitkeep
 ┃ ┣ input.css
 ┃ ┗ main.html
 ┣ .gitattributes
 ┣ .gitignore
 ┣ index.html
 ┣ LICENSE
 ┣ package.json
 ┣ README.md
 ┣ robots.txt
 ┗ tailwind.config.js

License

The code is available under the MIT license.

Acknowledgements

This project uses the following free resources:

• Logo.com

• Font Awesome

Thank you to the creators of these resources for making them available for free!