https://github.com/dinbtechit/todo-foci
Foci (Todo-Multi-user)
https://github.com/dinbtechit/todo-foci
showcase
Last synced: 20 days ago
JSON representation
Foci (Todo-Multi-user)
- Host: GitHub
- URL: https://github.com/dinbtechit/todo-foci
- Owner: dinbtechit
- Created: 2025-02-26T20:38:45.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-03-11T19:10:25.000Z (over 1 year ago)
- Last Synced: 2025-10-21T10:53:14.191Z (8 months ago)
- Topics: showcase
- Language: TypeScript
- Homepage: https://todo.dsite.ca
- Size: 688 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Foci To-Do app (Multi User)
Checkout the live app here -> https://todo.dsite.ca
> [!IMPORTANT]
> The site is hosted on my on-prem ARM 64 pi server. So might not be always up. Reachout to me if you want to check it out.
| | | |
|---------------------------------|-------------------------------------|-----------------------------------|
|  |  |  |
|  |  |  |
# Requirements
- [X] Programming TypeScript (
React + 
NextJS +  PostgresSQL)
- [X] Interface - Web
- [X] Each to-do item must include the following Fields
- [X] Title
- [x] Description
- [X] Due Date
- [X] Functional
- [X] Create, Read, Update, Delete, Add the ability to mark complete.
- [X] Optional - Sorting todo items by due date or title
- [X] Optional - Filtering Options (e.g., show only complete, or in-progress items).
- [X] Additional
- [X] Add the ability to mark undo complete.
- [X] Grouping TODO by dueDate and sorting the group
- [X] Dark and Light Mode
- [X] Multi user support
- [X] Advance Search functionality
- [X] Deployment - Docker-Compose - To spin it up locally and test it out.
# Running Locally
> Please note the Following instructions are for a linux distro.
> Instructions on other operating system might vary.
### Prerequisites:
Requires following to be installed on the machine.
1. git (latest)
2. docker - version 20.10.16 or higher
3. docker-compose - version 1.29.2 or higher
### Step-by-step instruction
1. git clone repo
```bash
git clone https://github.com/dinbtechit/todo-foci.git
```
2. cd into the cloned repo
```bash
cd todo-foci
```
4. Build Images and bring up the application.
```bash
docker-compose up -d --build app
```
**output:**
```
[+] Running 3/3
✔ app Built 0.0s
✔ Container postgres_container Running 0.0s
✔ Container app Started
```
5. Open browser
> **Note:** website is accessible only on localhost.
```
http://localhost:3000
```
6. Browser
7. To remove and clean all images
```bash
docker-compose down -v --remove-orphans --rmi all
```
# Development
## Getting Started
1. npm install
```sh
npm install
```
2. run the development server:
```bash
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
```
# Note for Future Improvements
### Performance:
1. Database indexing for full text search
2. Event Driven approach to keep all tabs in Sync
3. Limit the number of API calls - merge states on client-side. Right now, each CRUD operation performs 2 API calls (one
for the operation
and other one to load the todo list).
4. Impl `useOptimistic(...)` to improve the loading time.
### Maintainability:
1. Add Unit and E2E Tests
2. Refactoring to improve DRY and readability
### Error Handling
1. Improve error handling and UI/UX error messages
### Authentication
1. The current authentication is handled via cookies on the server-side, which works well for demo purposes but isn't
ideal for production. Implement OAuth and social logins for Authentication.
----
Thank you for the opportunity 🙏