• Stars
    star
    818
  • Rank 55,733 (Top 2 %)
  • Language
    JavaScript
  • License
    MIT License
  • Created over 6 years ago
  • Updated 10 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,171
star
2

refined-hacker-news

✨ Hacker News, but refined — Interface tweaks and features to make the HN experience better
JavaScript
807
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
37
star
5

url-title-api

🔗 Tiny API to get the title of webpage from its URL
TypeScript
32
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
32
star
7

ulauncher-vscode-recent

💻 Open recent VS Code folders and files using Ulauncher
Python
24
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
20
star
10

resume

💼 Source code to my resume
Svelte
17
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

bookbroker

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

otp-forwarder

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

hn-faves-api

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

hdfc-transaction-notify

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

geosvg

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

delhi-metro-api

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

wayback-sitemap-archive

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

ulauncher-zoom

📹 Join a Zoom meeting quickly from Ulauncher
Python
7
star
21

mhr

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

mihir.ch

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

projectbeta.tech_main

Website for ProjectBeta: Sanskriti School's IT Club.
JavaScript
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

wayback

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

index

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

typescript

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

coinswitch-history

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

toget

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

posthog-proxy-workers

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

ulauncher-nordvpn

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

github-hook-script-runner

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

recent-activity-updater

✨ Script to update my "recent-activity.json" daily
JavaScript
3
star
35

browser-extension-starter

📦 Cross-browser extension starter template
JavaScript
3
star
36

iiitd-bleh-mail-filters

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

fitbit-heart-rate

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

workers-bun-hono-template

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

gitlist-sync

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

chrome-view-images-button

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

wakalogger

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

status.mhr.cx

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

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
44

iiitd_cse545-fcs_ta

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

iiitd_cse232-cn

Semester 5: Computer Networks
C++
2
star
46

mihir.ch-redirector

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

ping-tg-notify

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

iiitd_cse231-os

Semester 3: Operating Systems
C
1
star
49

plibither8

1
star
50

tg-bots

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

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
52

npx-plibither8

📦 `$ npx plibither8`
JavaScript
1
star
53

iiitd_cse222-ada

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

bluecoins-hdfc-auto-importer

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

percepio-2.0

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

posthog-filter-out-plugin

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

big-number.js

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

ultimate-tic-tac-toe

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

sourcegraph-monitor-webhooks

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

MatheTraffics-Niamat-Rai-2017

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

lastfm-top-artists

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

tiiime

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