Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/impruthvi/trello

This project is a note taking application that allows users to create, view, and delete notes. The application is built using NextJs, Typescript, Appwrite, Tailwind CSS, React Beautiful DND, Zustand, and OpenAI. The application is deployed on Vercel.
https://github.com/impruthvi/trello

trello trello-board trello-card trello-clone

Last synced: 5 days ago
JSON representation

This project is a note taking application that allows users to create, view, and delete notes. The application is built using NextJs, Typescript, Appwrite, Tailwind CSS, React Beautiful DND, Zustand, and OpenAI. The application is deployed on Vercel.

Awesome Lists containing this project

README

        

## Project Description

This project is a note taking application that allows users to create, view, and delete notes. The application is built using NextJs, Typescript, Appwrite, Tailwind CSS, React Beautiful DND, Zustand, and OpenAI. The application is deployed on Vercel.

## Project Links

- [Live Demo](https://trello-impruthvi.vercel.app/)
## Technologies Used

- NextJs
- Typescript
- Appwrite
- Tailwind CSS
- React Beautiful DND
- Zustand
- OpemAI

## Features

- Users can create notes
- Users can view notes
- Users can delete notes
- Users can search for notes
- Generated summery notes are written using OpenAI's GPT-3 API
- Users can drag and drop notes to cgane the status of the note

To-do list:
- [x] Create a note
- [x] View all notes
- [x] Delete a note
- [x] Generate a summery of a note using OpenAI's GPT-3 API
- [x] Add a search feature
- [x] Add drag and drop feature
- [ ] Add authentication

## Getting Started

1. Clone the repository.
```
git clone https://github.com/impruthvi/trello.git
```
2. Install all dependencies with NPM.
```
npm install
```
3. Start the project. Once started you can view the application by opening http://localhost:3000 in your browser.
```
npm run dev
```

## Usage

1. Create a note by clicking on the "+" button.
2. Delete a note by clicking on the "x" button.
3. Search for a note by typing in the search bar.
4. Drag and drop a note to change the status of the note.

## Inspiration

This project was inspired by [Sonny Sangha](https://www.youtube.com/@SonnySangha).