https://github.com/devnyxie/synebo-todo
[interview assignment] A responsive todo app with features for adding, completing, deleting, and filtering tasks. Includes drag-and-drop for reordering.
https://github.com/devnyxie/synebo-todo
nextjs todolist
Last synced: 20 days ago
JSON representation
[interview assignment] A responsive todo app with features for adding, completing, deleting, and filtering tasks. Includes drag-and-drop for reordering.
- Host: GitHub
- URL: https://github.com/devnyxie/synebo-todo
- Owner: devnyxie
- Created: 2024-07-30T10:58:33.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-08-01T13:50:06.000Z (almost 2 years ago)
- Last Synced: 2025-10-03T12:40:23.289Z (8 months ago)
- Topics: nextjs, todolist
- Language: TypeScript
- Homepage:
- Size: 274 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
Awesome Lists containing this project
README
# Synebo Frontend Challenge
## Preview
[🔗 Live Preview](https://nyx.is-a.dev/synebo-todo)
## Features
Required:
- [x] View the optimal layout for the app depending on their device's screen size
- [x] See hover states for all interactive elements on the page
- [x] Add new todos to the list
- [x] Mark todos as complete
- [x] Delete todos from the list
- [x] Filter by all/active/complete todos
- [x] Clear all completed todos
- [x] **Bonus**: Drag and drop to reorder items on the list
- [x] **Bonus**: System/Dark theme
## Info
- Runtime: Node.js
- Framework: Next.js
- CSS: Tailwind CSS
- Hosting: GitHub Pages
- CI/CD: GitHub Actions
- Other:
- Drag&Drop: dnd-kit
## Development
To run the project locally, follow these steps:
1. **Clone the Repository**
```bash
git clone https://github.com/your-username/synebo-todo.git
cd synebo-todo
```
2. **Install Dependencies**
```bash
yarn
```
3. **Start the Dev Server**
```bash
yarn dev
```