Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/leonardo1903/quiknote

appwrite reactjs shadcn-ui tailwindcss

Last synced: 17 days ago
JSON representation

Host: GitHub
URL: https://github.com/leonardo1903/quiknote
Owner: Leonardo1903
Created: 2024-11-02T10:21:03.000Z (2 months ago)
Default Branch: main
Last Pushed: 2024-12-08T09:43:35.000Z (about 1 month ago)
Last Synced: 2024-12-25T09:15:20.167Z (17 days ago)
Topics: appwrite, reactjs, shadcn-ui, tailwindcss
Language: JavaScript
Homepage: https://quik-note.vercel.app
Size: 503 KB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

# QuikNote
A Full-Stack Sticky Notes Application
## Features

- Secure User Authentication
- Personalised Dashboard
- CRUD Operations performed by User
- Drag and Drop of Sticky Notes

## Tech Stack

**Client:** React, TailwindCSS, ShadCN-UI

**Server:** Appwrite

## Key Learnings
- Setup and Usage of Appwrite for Auth and Storage
- Usage of Framer Motion for drag and drop features

## Run Locally

Clone the project

```bash
git clone https://github.com/Leonardo1903/QuikNote
```

Go to the project directory

```bash
cd QuikNote
```

Install dependencies

```bash
npm install
```

Start the server

```bash
npm run dev
```

## Environment Variables

To run this project, you will need to add the following environment variables to your .env file

`VITE_APPWRITE_URL` = "Appwrite URL"

`VITE_APPWRITE_PROJECT_ID` = "Your Project ID"

`VITE_APPWRITE_DATABASE_ID` = "Your DataBase ID"

`VITE_APPWRITE_COLLECTION_ID` = "Your Collection ID"

## Screenshots
Landing page:
![Landing page](https://github.com/user-attachments/assets/b5998adf-db9f-4761-a9b5-7563bcab01c7)
DashBoard:
![DashBoard](https://github.com/user-attachments/assets/ff9a352f-52cd-4aae-a303-a8d59eaf4db1)

## Demo

https://quik-note.vercel.app/

## License

[MIT](https://choosealicense.com/licenses/mit/)