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

https://github.com/mishcoders/todos-list

Free and open-source modern task management application built with Next.js, TypeScript, and Tailwind CSS. Tomados helps you stay organized, focused, and productive.
https://github.com/mishcoders/todos-list

full-stack nextjs showcase todolist

Last synced: about 2 months ago
JSON representation

Free and open-source modern task management application built with Next.js, TypeScript, and Tailwind CSS. Tomados helps you stay organized, focused, and productive.

Awesome Lists containing this project

README

          

# Tomados - Modern Task Management


📝 Tomados


Your modern and minimal task management application


![Homepage](https://github.com/user-attachments/assets/956bd2bc-1af3-46b3-84e3-0b37ed4ba554)
![Todos-list](https://github.com/user-attachments/assets/8d1cf32e-604a-4aa9-a4ee-0d30db956014)

## 🚀 Overview

Tomados is a sleek, intuitive task management application built with Next.js. It helps you organize tasks, stay focused, and boost productivity with a clean, modern interface.

## ✨ Features

- **Modern UI/UX**: Clean, responsive interface with dark/light mode support
- **Task Organization**: Create, categorize, and prioritize tasks effortlessly
- **Drag and Drop**: Intuitive task reordering with React Beautiful DnD
- **Authentication**: Secure user authentication with NextAuth
- **Persistence**: MongoDB integration for reliable data storage
- **Mobile-Friendly**: Fully responsive design for all device sizes

## 🛠️ Tech Stack

- **Framework**: [Next.js](https://nextjs.org/)
- **UI**: [Tailwind CSS](https://tailwindcss.com/) with custom components
- **Authentication**: [NextAuth.js](https://next-auth.js.org/)
- **Database**: [MongoDB](https://www.mongodb.com/) with Mongoose
- **Animations**: Various animation libraries for a polished experience
- **Drag and Drop**: React Beautiful DnD

## 📋 Getting Started

1. Clone the repository
```bash
git clone https://github.com/mishcoders/todos-list
cd todos-list
```

2. Install dependencies
```bash
npm install
```

3. Set up environment variables
- Create a `.env` file based on `.example.env`
- Configure your MongoDB connection and auth providers

4. Run the development server
```bash
npm run dev
```

1. Open [http://localhost:3000](http://localhost:3000) in your browser

## 🌐 Deployment

Deploy your Tomados instance on [Vercel](https://vercel.com) for the best experience:

[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fiyousefosama%2Ftodos-list)

## 🤝 Contributors

- **iVortexx** - [GitHub](https://github.com/iVortexx)
- **Wolf** - [GitHub](https://github.com/iyousefosama)

## 📞 Contact

Need a team for your next project? Contact us:

- iVortexx: momorwe@gmail.com
- Wolf: blackwolf3466@gmail.com