• Stars
    star
    811
  • Rank 54,471 (Top 2 %)
  • Language
    JavaScript
  • License
    MIT License
  • Created almost 6 years ago
  • Updated 5 months ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

🗒️ ⏰ ✅ Save notes in Markdown directly in the 'New Tab' page

Markdown New Tab

Licence Build Status Chrome Web Store Mozilla Add-on Made with love in India

Take down notes 🗒️, save reminders , paste links 🔗, create checklists ☑️ or tables, all using markdown... directly in your 'New Tab' page! Markdown New Tab is a replacement for the default 'New Tab' page on Google Chrome 🆕 🎉.

Preview it!

Demo GIF

Install

About

Markdown New Tab is a replacement for the default Google Chrome new tab page. Refer to this brilliant guide to get familiar with the markdown syntax.

Features

  • Take down styled notes 🗒️, create checklists ☑️, links 🔗, tables and reminders , add images 🖼️ (and all other frills associated with markdown [M↓])

  • 💾 Automatically saves (and deletes) revision history for you to look back and reminisce

  • ⌨️ Use keyboard shortcuts to toggle between edit and save the notes

  • 💪 💪 ACTIVATE POWERMODE! (enable in settings)

  • Sync notes, revision history and settings between all Chrome browsers you are logged into

Upcoming

  • Change background and foreground colours

  • Split editing to show live preview

Usage

  • You can edit and save the notes either by pressing the buttons on the top right, or by using the shortcuts Ctrl + X (or Cmd + X on Mac) to edit the text and Ctrl + S (or Cmd + S on Mac) to save the text.

  • To save and edit the notes by using Ctrl + (or Cmd + on Mac), go to settings and enable it.

  • Revision history can be accessed by clicking "Last Edited: ____" on the bottom right corner.

Development

  1. Clone this repo:
$ git clone https://github.com/plibither8/markdown-new-tab
  1. Open Chrome and go to chrome://extensions
  2. Enable 'Developer Mode' by checking the tickbox (on the top of the page).
  3. Click the 'Load Unpacked Extension' button and select the dist/ folder of the cloned repository.
  4. The extension should be loaded now and the 'New Tab' page should be Markdown New Tab. 🎉

The code makes use of localStorage() to save the raw text, revision history, last edited time and date, settings and last cursor position.

Testing in Firefox

In Firefox the extension can be installed temporarily until you restart the browser. To do so:

  1. enter about:debugging in the URL bar
  2. click "Load Temporary Add-on"
  3. open the extension's directory in your local repo and select dist/manifest.json

More info here.

Donate

Markdown New Tab was made by me during my study-breaks and free time. If you like and have enjoyed it, please consider donating a small amount (any amount will be really appreciated!) to support and sustain its development. Thank you!

Patreon

Donate

Buy Me A Coffee

License

Copyright (c) Mihir Chaturvedi. All rights reserved.

Licensed under the MIT License.

More Repositories

1

2048.cpp

🎮 Fully featured terminal version of the game "2048" written in C++
C++
2,151
star
2

refined-hacker-news

✨ Hacker News, but refined — Interface tweaks and features to make the HN experience better
JavaScript
790
star
3

licensed

⚖️ ✔️ licensed is an interactive command line tool to help you choose and add licenses to your projects
JavaScript
222
star
4

vscode-remove-comments

🚫 VS Code extension to remove all comments from your code at once — 60+ languages supported
TypeScript
36
star
5

url-title-api

🔗 Tiny API to get the title of webpage from its URL
TypeScript
31
star
6

asciinema-player-for-github

🎬✨ Browser extension to automatically detect asciinema links in a project's README and embed the asciinema player in its place
JavaScript
31
star
7

ulauncher-vscode-recent

💻 Open recent VS Code folders and files using Ulauncher
Python
23
star
8

made-with-love-in

🛠️ ❤️ 🗺️ 🛡️ — Mircoservice for serving and listing "Made with love in <country-name>" badges
HTML
23
star
9

jobber

💼 Super simple API to fetch job listings from popular job boards (Ashby, Greenhouse, Lever, etc.)
TypeScript
17
star
10

resume

💼 Source code to my resume
Svelte
16
star
11

github-feed-notifier

:octocat:🔔 Desktop notifications for your GitHub dashboard — Native, cross-platform and configurable
JavaScript
16
star
12

urlwatch-ui

🌐 An intuitive and simple GUI for managing urlwatch
Svelte
11
star
13

otp-forwarder

💬 Forward OTP SMS's from my phone to my laptop as a desktop notification
TypeScript
11
star
14

bookbroker

🤖📚 Telegram bot to convert and email PDFs, EPUBs or MOBIs to your Kindle
TypeScript
10
star
15

hn-faves-api

🌐 Tiny API to get user's favorited items on Hacker News
TypeScript
10
star
16

geosvg

🗺 Generate an SVG or its Cartesian points' representation of a path from a GPX file or list of coordinates
TypeScript
10
star
17

delhi-metro-api

🚇 (unofficial) RESTful API for the Delhi Metro [Work in Progress]
JavaScript
10
star
18

hdfc-transaction-notify

💰🔔 Notify me on Telegram whenever a new transaction takes place in my HDFC bank account.
TypeScript
9
star
19

wayback-sitemap-archive

🏛️ Archive all pages specified in the webpage's sitemap to Internet Archive's Wayback Machine
JavaScript
8
star
20

mhr

🔗 A simple URL shortener, controlled via a Telegram bot
TypeScript
7
star
21

mihir.ch

🌐 My personal website's source code
Pug
6
star
22

projectbeta.tech_main

Website for ProjectBeta: Sanskriti School's IT Club.
JavaScript
6
star
23

ulauncher-zoom

📹 Join a Zoom meeting quickly from Ulauncher
Python
6
star
24

github-status-listening-to

🎧 Update my GitHub status to whatever song I'm listening
TypeScript
6
star
25

gh-followers-tracker

:octocat: Tracking my GitHub following and un-following with notifications on Telegram (why not lol)
TypeScript
6
star
26

index

📂 All my repositories and projects I have worked on, indexed.
JavaScript
5
star
27

typescript

📦 Bare minimum TypeScript project template to get started quickly
TypeScript
5
star
28

coinswitch-history

🪙 Explore and download history and timeseries data of all crypto-INR pairs offered by the CoinSwitch exchange
JavaScript
5
star
29

toget

🏄‍♂️ Proxy POST/PUT/PATCH requests through a GET request
TypeScript
5
star
30

wayback

🏛 Microservice that redirects to archived version of the URL if found, otherwise saves it to the Internet Archive
JavaScript
5
star
31

recent-activity-updater

✨ Script to update my "recent-activity.json" daily
JavaScript
4
star
32

posthog-proxy-workers

🦔 Reverse proxy server for PostHog hosted on Cloudflare Workers
TypeScript
4
star
33

ulauncher-nordvpn

🔑 Connect to and disconnect from NordVPN from Ulauncher
Python
4
star
34

iiitd-bleh-mail-filters

Curated mail filters to automatically archive the junk IIITD mails
3
star
35

fitbit-heart-rate

💓 Collect lifetime heart rate data on Fitbit
JavaScript
3
star
36

workers-bun-hono-template

🍔 A template for creating a Cloudflare Workers project with Bun and Hono
TypeScript
3
star
37

gitlist-sync

🔄 Setup and sync mirrors of GitHub repositories to your local machine
JavaScript
2
star
38

chrome-view-images-button

Chrome Extension to get back the "View Image" button in Google Image search results!
JavaScript
2
star
39

browser-extension-starter

📦 Cross-browser extension starter template
JavaScript
2
star
40

wakalogger

🕒 Log your daily WakaTime coding activity to a secret Gist
JavaScript
2
star
41

status.mhr.cx

⬆️ Status page for my personal VPS @ mhr.cx
2
star
42

periodic-table-words--javascript

Program written in NodeJS to determine whether a given string can be formed by some combination of the symbols of elements of the periodic table.
TypeScript
2
star
43

iiitd_cse545-fcs_ta

Semester 7: Foundations of Computer Security (Teaching Assistantship)
TypeScript
2
star
44

github-hook-script-runner

🪝 Run a shell script on your machine when you push to a repository - a mini, self-hosted CI/CD 💚
JavaScript
2
star
45

ping-tg-notify

🎯 Ping to endpoint and notify on Telegram
JavaScript
1
star
46

iiitd_cse231-os

Semester 3: Operating Systems
C
1
star
47

plibither8

1
star
48

tg-bots

🤖 Tiny service to send messages with a uniform interface for all my Telegram bots
TypeScript
1
star
49

periodic-table-words--python

Program written in Python to determine whether a given string can be formed by some combination of the symbols of elements of the periodic table.
Python
1
star
50

bluecoins-hdfc-auto-importer

💰🔔 Auto-import transactions from my HDFC bank account into the Bluecoins app
TypeScript
1
star
51

npx-plibither8

📦 `$ npx plibither8`
JavaScript
1
star
52

iiitd_cse222-ada

Semester 4: Algorithm Design and Analysis
C++
1
star
53

percepio-2.0

👓 [DES130 Major Project] Taking notes made simple — in the air, on the go
C++
1
star
54

big-number.js

big-number.js is a calculator for arbitrarily large integers, for JavaScript.
JavaScript
1
star
55

posthog-filter-out-plugin

🦔 Injest only those events satisfying the given filter conditions
TypeScript
1
star
56

mihir.ch-redirector

🔀 Redirect all HTTP requests to mihir.ch
TypeScript
1
star
57

ultimate-tic-tac-toe

A simple JS+HTML implementation of the 2-player game Ultimate Tic Tac Toe
HTML
1
star
58

MatheTraffics-Niamat-Rai-2017

Presentation website for Sanskriti School's prize-winning project on investigatory mathematics: MatheTraffics, Niamat Rai Competition 2017
HTML
1
star
59

sourcegraph-monitor-webhooks

🕵️ Simple server hosting a collection of webhooks for Sourcegraph's Code Monitor
TypeScript
1
star
60

lastfm-top-artists

📈 Collect user's top artists through time
JavaScript
1
star
61

iiitd_cse232-cn

Semester 5: Computer Networks
C++
1
star
62

tiiime

⏳ [Byld Hackathon v16] Your personal, crowd-sourced timetable
HTML
1
star