Thanks to visit codestin.com
Credit goes to Github.com

Skip to content

Zenypher/not-ion

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

13 Commits
Β 
Β 
Β 
Β 

Repository files navigation

Not-ion πŸ“

The Notion you ordered from Temu has arrived!

A lightweight, personal project management app that's definitely not Notion. It's Not-ion. Get it?

🎯 What is this?

Not-ion is a personal project for organizing future "projects" - because we all have that one folder of ideas that will totally get done someday. Built as a fun exploration of what it takes to create a note-taking and organization app.

tl;dr: I wanted to understand how Notion-like apps work, so I'm building one. It's a knockoff, and I own it. 🎨

✨ Features

  • πŸ“„ Pages & Blocks - Create nested pages and content blocks
  • ✍️ Rich Text Editing - Format your thoughts (or at least try to)
  • 🎨 Clean UI - Minimalist design that's easy on the eyes
  • πŸ’Ύ Local Storage - Your data stays on your machine
  • πŸš€ Fast & Lightweight - No bloat, just the essentials

πŸ› οΈ Tech Stack

  • React - Because components are cool
  • Vite - Lightning-fast development
  • Tailwind CSS - Utility-first styling
  • pnpm - Fast, efficient package management

πŸš€ Getting Started

Prerequisites

  • Node.js (v18+)
  • pnpm (or npm/yarn if you're old school)

Installation

# Clone this beauty
git clone https://github.com/Zenypher/not-ion.git

# Navigate to the project
cd not-ion

# Install dependencies
pnpm install

# Fire it up
pnpm dev

Open http://localhost:5173 and start organizing those "future projects"!

πŸ“¦ Build for Production

pnpm build
pnpm preview

🎨 Project Structure

not-ion/
β”œβ”€β”€ src/
β”‚   β”œβ”€β”€ components/    # Reusable UI components
β”‚   β”œβ”€β”€ pages/         # Page components
β”‚   β”œβ”€β”€ utils/         # Helper functions
β”‚   └── App.jsx        # Main app component
β”œβ”€β”€ public/            # Static assets
└── package.json       # Dependencies

πŸ€” Why "Not-ion"?

  • βœ… Because naming things is hard
  • βœ… Because it's technically not Notion
  • βœ… Because Temu knockoff jokes are funny
  • βœ… Because I needed a project to learn React better

πŸ› Known Issues

  • It's not Notion (by design)
  • Your productivity might not increase
  • May cause excessive tinkering instead of actual work

πŸ—ΊοΈ Roadmap

  • More block types (images, code, embeds)
  • Database views
  • Keyboard shortcuts
  • Dark mode (because it's 2025)
  • Export functionality
  • Actually use it for project management

🀝 Contributing

This is a personal learning project, but if you find bugs or have suggestions, feel free to open an issue! PRs welcome if you want to help make this knockoff slightly less knockoff-y.

πŸ“„ License

MIT - Do whatever you want with it. Copy it, fork it, make it better than Notion (unlikely, but shoot your shot).

πŸ’­ Acknowledgments

  • Notion - For being the inspiration (and the thing I'm shamelessly copying)
  • Temu - For existing and making this joke possible
  • Coffee - For fueling this project

Disclaimer: This is a personal project for learning purposes. Not affiliated with Notion or Temu. Please don't sue me, I have student loans.

Made with β˜• and questionable life choices

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages