An open API service indexing awesome lists of open source software.

https://github.com/bakna2t/likenotion

Likenotion - a simplified react app (spa) where users can create, edit, and organize their notes
https://github.com/bakna2t/likenotion

blocknote clerkauth convex edgestore nextjs15 shadcn-ui tailwindcss typescript zustand

Last synced: 17 days ago
JSON representation

Likenotion - a simplified react app (spa) where users can create, edit, and organize their notes

Awesome Lists containing this project

README

          

# Likenotion

This project is a simplified clone of the popular productivity application, Notion. It's designed to replicate some of the core features of Notion, providing a platform where users can create, edit, and organize their notes in a flexible and intuitive interface.

## Development with:

- [NextJS](https://nextjs.org/docs)
- [Shadcn-ui](https://ui.shadcn.com/docs)
- [TypeScript](https://www.typescriptlang.org/docs/)
- [Tailwind CSS](https://tailwindcss.com/docs)
- [Clerk](https://clerk.com/docs)
- [Convex](https://docs.convex.dev/home)
- [Edgestore](https://edgestore.dev/docs/quick-start)
- [Blocknote](https://www.blocknotejs.org/docs)
- [Next-intl](https://next-intl.dev/docs/getting-started)

## Functionality:

- mobile-responsive design;
- intuitive, customizable UI using Tailwind CSS and ShadCN components;
- authentication (sign-in / sign-up) with Clerk;
- real-time data (save / fetch) sync using Convex;
- full-featured note-taking and task management;
- seamless storage management with EdgeStore;
- support for multiple languages (English and Russian) using i18next;

## Getting Started

### Prerequisites

Before you begin, ensure you have the following installed:

- **Node.js** (>= 16.x)
- **Npm** (or yarn)

1. Clone the repository
2. Install the dependencies

```
npm install
```

3. Set up the environment variables

```
# Deployment used by `npx convex dev`
CONVEX_DEPLOYMENT=
NEXT_PUBLIC_CONVEX_URL=

NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=
CLERK_SECRET_KEY=

EDGE_STORE_ACCESS_KEY=
EDGE_STORE_SECRET_KEY=
```

4. Run Convex

```
npx convex dev
```

5. Run the development server

```
npm run dev
```

click here to visit => [_**Likenotion**_](https://likenotion.vercel.app/)




Likenotion


### Acknowledgements by youtube tutorial [Code With Antonio](https://www.youtube.com/watch?v=0OaDyjB9Ib8)