Skip to content

Commit c64fc65

Browse files
fezcodefezcode
committed
project: nocturnote
1 parent 8a32939 commit c64fc65

6 files changed

Lines changed: 105 additions & 8 deletions

File tree

‎public/images/projects/nocturnote.png‎

249 KB
Loading

‎public/posts/nocturnote.txt‎

Lines changed: 36 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,36 @@
1+
## Nocturnote: The Text Editor I Always Wanted
2+
Have you ever felt like your text editor is either doing too much or too little? That's exactly how I felt before I started building **Nocturnote**.
3+
4+
![Nocturnote Notepad Mode](/images/projects/nocturnote.png)
5+
> Notepad Mode in Nocturnote
6+
7+
**Nocturnote** is my take on a modern, distraction-free writing environment. It's a sleek, cross-platform desktop application designed for those who want to just *write*, but with the comfort of modern tools.
8+
9+
## Why Nocturnote?
10+
11+
I wanted something that looked good, felt fast, and offered just the right amount of customization without being overwhelming.
12+
13+
### Key Features
14+
15+
* **Distraction-Free Interface**: Clean lines, subtle colors, and a focus on your text.
16+
* **Rain Mode**: This is one of my favorites. Toggle it on for a soothing visual effect that adds a cozy atmosphere to your writing sessions.
17+
* **Notepad Mode**: Sometimes you just want that classic, stripped-back aesthetic. Nocturnote has you covered.
18+
* **Full Customization**: Change fonts, sizes, line heights, and more. Make it yours.
19+
20+
## Under the Hood
21+
22+
For the tech-savvy, Nocturnote is built using a robust modern stack:
23+
24+
* **Electron**: Ensuring it runs smoothly on Windows, macOS, and Linux.
25+
* **Svelte 5**: For a blazing fast and reactive user interface.
26+
* **TypeScript**: Because type safety is non-negotiable.
27+
* **Tailwind CSS**: For rapid and beautiful styling.
28+
* **Electron-Vite**: For a lightning-fast development experience.
29+
30+
## Get It
31+
32+
Nocturnote is open source! You can check out the code, contribute, or download it from the repository.
33+
34+
[Check out Nocturnote on GitHub](https://github.com/fezcode/nocturnote)
35+
36+
Whether you're coding, journaling, or taking quick notes, I hope Nocturnote provides the calm, productive space you need.

‎public/posts/posts.json‎

Lines changed: 13 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,16 @@
11
[
2+
{
3+
"slug": "nocturnote",
4+
"title": "Nocturnote: A Sleek and Modern Text Editor",
5+
"date": "2025-12-01",
6+
"updated": "2025-12-01",
7+
"description": "Introducing Nocturnote, a cross-platform, customizable text editor built with Electron, Svelte, and Tailwind CSS.",
8+
"tags": ["electron", "svelte", "typescript", "tailwind", "project", "editor"],
9+
"category": "dev",
10+
"filename": "nocturnote.txt",
11+
"authors": ["fezcode"],
12+
"image": "/images/defaults/visuals-2TS23o0-pUc-unsplash.jpg"
13+
},
214
{
315
"slug": "how-fractal-flora-works",
416
"title": "The Art of Recursive Botany: How Fractal Flora Works",
@@ -587,4 +599,4 @@
587599
"authors": ["fezcode"],
588600
"image": "/images/defaults/sina-salehian-HqmTUJD73mM-unsplash.jpg"
589601
}
590-
]
602+
]

‎public/projects/nocturnote.txt‎

Lines changed: 37 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,37 @@
1+
Nocturnote is a sleek, modern, and highly customizable note-taking application built with Electron, Svelte, TypeScript, and Tailwind CSS.
2+
It offers a distraction-free writing environment with powerful features.
3+
4+
![Nocturnote Notepad Mode](/images/projects/nocturnote.png)
5+
> Notepad Mode in Nocturnote
6+
7+
**Key Features:**
8+
* **Customizable Interface:** Adjust font family, size, weight, line height, word wrap, and line numbers.
9+
* **File Management:** Create new notes, open existing `.txt` or `.md` files, and save work.
10+
* **Search and Replace:** Quickly find and replace text.
11+
* **Notepad Mode:** Classic notepad aesthetic.
12+
* **Rain Mode:** A unique visual effect.
13+
* **Status Bar:** Displays line/column, character count, and encoding.
14+
* **Cross-Platform:** Runs seamlessly across different operating systems.
15+
16+
**Technologies Used:**
17+
* **Electron:** For cross-platform desktop applications.
18+
* **Svelte:** Modern JavaScript framework for UIs.
19+
* **TypeScript:** For type-safe JavaScript.
20+
* **Tailwind CSS:** Utility-first CSS framework.
21+
* **electron-vite:** Fast development setup for Electron apps.
22+
23+
**Installation:**
24+
Requires Node.js and npm/yarn.
25+
1. Clone the repository: `git clone https://github.com/fezcode/nocturnote.git`
26+
2. Navigate to the directory: `cd nocturnote`
27+
3. Install dependencies: `npm install`
28+
29+
**Usage:**
30+
* **Development:** `npm run dev`
31+
* **Building:** `npm run build` (creates distributable packages in `out` directory)
32+
* Specific platforms: `npm run build:win`, `npm run build:mac`, `npm run build:linux`
33+
* **Other Scripts:** `npm run format`, `npm run lint`, `npm run typecheck`
34+
35+
**License:** Distributed under the MIT License.
36+
37+
**Project Link:** [https://github.com/fezcode/nocturnote](https://github.com/fezcode/nocturnote)

‎public/projects/pinned_projects.json‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,10 @@
11
[
2+
{
3+
"slug": "nocturnote",
4+
"title": "Nocturnote",
5+
"link": "https://github.com/fezcode/nocturnote",
6+
"shortDescription": "Nocturnote is a sleek, modern, and highly customizable note-taking application built with Electron, Svelte, TypeScript, and Tailwind CSS."
7+
},
28
{
39
"slug": "fezcodex",
410
"title": "fezcodex",
@@ -28,11 +34,5 @@
2834
"title": "doku.js",
2935
"link": "https://github.com/fezcode/doku.js",
3036
"shortDescription": "Doku.js is a terminal UI text/document viewer that supports a custom documentation syntax called `doky`."
31-
},
32-
{
33-
"slug": "boxer",
34-
"title": "Boxer",
35-
"link": "https://github.com/fezcode/boxer",
36-
"shortDescription": "Boxer is a tool that creates archive files based on instructions provided in a boxerfile. Uses CMake and Ninja for its build system."
3737
}
3838
]

‎public/projects/projects.json‎

Lines changed: 13 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,16 @@
11
[
2+
{
3+
"slug": "nocturnote",
4+
"title": "Nocturnote",
5+
"size": 2,
6+
"link": "https://github.com/fezcode/nocturnote",
7+
"pinned": true,
8+
"isActive": true,
9+
"technologies": ["Electron", "Svelte", "TypeScript", "Tailwind CSS", "Editor"],
10+
"shortDescription": "Nocturnote is a sleek, modern, and highly customizable note-taking application built with Electron, Svelte, TypeScript, and Tailwind CSS.",
11+
"date": "2025-12-01",
12+
"image": "/images/defaults/visuals-2TS23o0-pUc-unsplash.jpg"
13+
},
214
{
315
"slug": "fezcodex",
416
"title": "fezcodex",
@@ -170,7 +182,7 @@
170182
{
171183
"slug": "boxer",
172184
"title": "Boxer",
173-
"size": 1,
185+
"size": 2,
174186
"link": "https://github.com/fezcode/boxer",
175187
"pinned": true,
176188
"isActive": false,

0 commit comments

Comments
 (0)