write the (w)right way!

TK Vishal

Last update: Dec 6, 2022

Overview

Wrighter - A Powerful Markdown Blogger & A Writing Companion ⚡

Wrighter is originally made for the hashnode x PlanetScale hackathon
It has a powerful WYSIWYM markdown editor and a renderer
It is optional signup, so you can use wrighter offline too! or you can fork this project and use wrighter standalone
Wrighter has a feature called bites, that allow you to gather & organize bite sized ideas and later use them in your blogs

To read more about it, visit here or here

Setup

To run wrighter locally, you just need to clone the app
ensure to install prisma and tsnd globally
run yarn on root directory, it will install all the deps for both client and server
create .env.local file in wrighter-client with

API_BASE_URL="<INSERT BACKEND URL HERE>"

Example of configuration file:

API_BASE_URL="http://localhost:8080/api"

create .env file in wrighter-server with

DATABASE_URL="<INSERT DB URL HERE>"
SECRET_KEY="<SOME SECRET>"
COOKIE_SECRET="<COOKIE SECRET>"

Example of configuration file:

DATABASE_URL="mysql://wrighter_user:[email protected]:3306/wrighter_db"
SECRET_KEY="SECRETkeyforwrighterapplication"
COOKIE_SECRET="SECRETCookieforwrighterapplication"

from the root directory, run yarn dev, it would concurrently run both the server and client
goto localhost:3000 to see wrighter ✨

My terrible attempt at a promposal. Update: She said yes LMFAO Update Update: I got friendzoned right after 😭

TypeScript Next.js example This is a really simple project that shows the usage of Next.js with TypeScript. Deploy your own Deploy the example using V

Oct 27, 2022

A free JavaScript plugin to create custom right click context menus.

CtxMenu (Javascript) A modern, light weight, object oriented solution for adding right click context menus for your website. demo Installation Downloa

Oct 13, 2022

A Single place to Discover, Collaborate, and Get your data right

A Single place to Discover, Collaborate, and Get your data right Darkseal Darkseal includes the following: Metadata schemas - Defines core abstraction

Dec 28, 2022

Flappy Bird is an arcade-style game in which the player controls the bird Faby, which moves persistently to the right

Flappy Bird is an arcade-style game in which the player controls the bird Faby, which moves persistently to the right. The player is tasked with navigating Faby through pairs of pipes that have equally sized gaps placed at random heights. Faby automatically descends and only ascends when the player taps the touchscreen.

Aug 16, 2022

Quick access to Laravel's helper method documentation — right from Alfred.

alfred-laravel-helper-docs alfred-laravel-helper-docs offers you rapid access to documentation for Laravel's helper functions — including those for Co

Aug 11, 2022

A JavaScript library allows showing/hiding "dependent" field(s) if the value of the “dependee” field matches the right condition.

MF Conditional Fields A JavaScript library that show/hide form elements based on the value of one field or many. Advantages Lightweight & fast. Comes

Aug 11, 2022

Convert Tailwind CSS class names into their CSS3-equivalent styles — right from Alfred.

alfred-tailwind2css Tailwind2CSS offers you the ability to convert TailwindCSS classes into their CSS3-equivalent styles -- right from within Alfred.

Dec 7, 2022

Display attribution text sideways along the right edge of Revealjs slides.

attribution A Revealjs plugin extension for displaying attribution text sideways along the right edge of the viewport. Based on the attribution plugin

Dec 17, 2022

Catalogist is the easy way to catalog and make your software and (micro)services visible to your organization in a lightweight and developer-friendly way.

catalogist 📚 📓 📒 📖 🔖 The easy way to catalog and make your software and (micro)services visible to your organization through an API You were a pe

Dec 13, 2022

Comments

Update README.md

I added example configuration because I think that users had to know that API_BASE_URL need the /api at the end, I try one day to execute before I discover that I need to add it at the end. I also had problem with mysql in a container but it's prisma problem, when mysql run in a docker the configured user need the permission to create the shadow database, if you think it can be usefull for someone else run it in a docker I add the commands in an another update or I can open an Issue and explain it. Regards Alex

opened by stanzinofree 2
CTRL + SHIFT + P not working in Firefox

Hey there

Just learend about Wrighter, love it so far!

The only downside, CTRL + SHIFT + P is the shortcut for opening a private Window in Firefox.

Maybe it could be possible to change or add another shortcut for Firefox-Users?

That would be amazing.

Thanks for your great work and keeping it open-source!

opened by chrusu 2
Docker Version

I add docker file for client and server, the docker compose to create even mysql docker and modify index.ts of server to expone 0.0.0.0 instead localhost. I added the docker configuration to Readme.md and update in server prisma to 4.1.1 to match the version docker install when build container.

opened by stanzinofree 1
Dockerize app

Hi Vishal, I read about your app and I tried it, I modified some part to run in a docker, are you interested on those changes? It's some dockerfiles and change the ip in entry point of apps to use bind: 0.0.0.0 rather than localhost.

If you want I can oper a PR to merge them after i publish them.

Regards

this is an example Alex/Users/alex/Documents/progetti/lab/wrighter/docker-compose.yaml

opened by stanzinofree 2

write the (w)right way!

Related tags

Overview

Wrighter - A Powerful Markdown Blogger & A Writing Companion ⚡

To read more about it, visit here or here

Setup

You might also like...

My terrible attempt at a promposal. Update: She said yes LMFAO Update Update: I got friendzoned right after 😭

A free JavaScript plugin to create custom right click context menus.

A Single place to Discover, Collaborate, and Get your data right

Flappy Bird is an arcade-style game in which the player controls the bird Faby, which moves persistently to the right

Quick access to Laravel's helper method documentation — right from Alfred.

A JavaScript library allows showing/hiding "dependent" field(s) if the value of the “dependee” field matches the right condition.

Convert Tailwind CSS class names into their CSS3-equivalent styles — right from Alfred.

Display attribution text sideways along the right edge of Revealjs slides.

Catalogist is the easy way to catalog and make your software and (micro)services visible to your organization in a lightweight and developer-friendly way.

Comments

Update README.md

CTRL + SHIFT + P not working in Firefox

Docker Version

Dockerize app

Owner

TK Vishal

Reference for How to Write an Open Source JavaScript Library - https://egghead.io/series/how-to-write-an-open-source-javascript-library

Learn GraphQL by building a blogging engine. Create resolvers, write schemas, write queries, design the database, test and also deploy.

A fun and functional way to write regular expressions (RegExp)

A zero-dependency, buildless, terse, and type-safe way to write HTML in JavaScript.

The Easiest Way To Write Twitter Threads 🐦

MySQL meets Jupyter notebooks. Grasp provides a new way to learn and write SQL, by providing a coding-notebook style with runnable blocks, markdown documentation, and shareable notebooks. ✨

A VS Code extension to practice and improve your typing speed right inside your code editor. Practice with simple words or code snippets.

If you want to know more about your favorite TV show then you've come to the right place!

Move all the disks from the left hand post to the right hand post, only moving the disks one at a time and a bigger disk can never be placed on a smaller disk.

📸 A command-line tool to generate code images of your local code right away from the terminal