This is a Todo application built using Next.js and PostgreSQL database. It allows users to create, manage, and organize their tasks efficiently. The application is hosted on the cloud(Vercel), providing users with accessibility from anywhere.
- Task Management: Users can create, edit, delete, and mark tasks as complete or incomplete.
- Category Organization: Tasks can be categorized for better organization and filtering.
- Cloud Storage: Tasks are saved to the cloud, ensuring data persistence and accessibility.
- User Authentication: Users can sign in using Google, GitHub, LinkedIn, and Facebook accounts.
- Responsive UI: The user interface is designed to be attractive and responsive across various devices.
- Frontend: Next.js
- Backend: Next.js(API Routes)
- Database: PostgreSQL
- Authentication: Clerk (Google, GitHub, LinkedIn, Facebook)
- UI: Shadcn (UI Library) Responsive design for optimal viewing on different devices
- Clone the repository:
git clone https://github.com/your-username/todo-app.git - Install dependencies:
cd todo-app && npm install - Configure environment variables for database connection and authentication providers.
DATABASE_URL="postgresql://postgres:krishna@localhost:5432/todos?schema=public" NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY= CLERK_SECRET_KEY= NEXT_PUBLIC_CLERK_SIGN_IN_URL=/sign-in NEXT_PUBLIC_CLERK_SIGN_UP_URL=/sign-up NEXT_PUBLIC_CLERK_AFTER_SIGN_IN_URL=/ NEXT_PUBLIC_CLERK_AFTER_SIGN_UP_URL=/ NODE_ENV = "" - Run the application:
npm run dev - Access the application at
http://localhost:3000
- Sign in using your preferred authentication provider.
- Create tasks and assign them to specific categories.
- Mark tasks as complete or incomplete as needed.
- Filter tasks based on categories.
- Enjoy an organized and efficient task management experience!
Contributions are welcome! Feel free to submit bug reports, feature requests, or pull requests to help improve this project.