codelawani/duty_circle

Motivation

Ever felt the weight of unchecked to-do lists and no one to push you? 📝💡 What if there was an app where your tasks meet accountability from a circle of peers? Excited to announce I'm building just that: #DutyCircle! Because every goal deserves a cheer squad. 🚀 Would you use it?

Twitter

Follow my journey here 😇

Name of the Project:

DutyCircle

List of Team Members:

• Nico

Description of the Project:

DutyCircle is a unique application designed to merge task management with public accountability. Users can create and manage personal tasks while also choosing to share them publicly. The public sharing feature transforms a simple task into a commitment, offering users an external motivation to accomplish their goals. The public feed showcases tasks from various users, giving an opportunity for users to connect over shared objectives or interests. Users can form accountability circles where they can nudge each other for pending tasks, strengthening the community feel and adding an extra layer of motivation.

Learning Objectives:

1. Integration of Frontend and Backend: Achieve a seamless interaction between the Next.js frontend and the Postgresql backend.
2. Understanding Public Accountability: Delve into the psychological aspects of public commitment and its impact on task completion rates.
3. Mastering Next.js: Grasp the capabilities of Next.js including SSR, API routes, and the broader ecosystem.
4. Database Management: Learn efficient task management and user interaction storage using Postgresql.

Technologies Used:

1. Frontend: Next.js (React framework)
2. Backend: Built-in API routes provided by Next.js
3. Database: PostgreSQL

Third Party Services Used:

1. Deployment: Vercel for Next.js and Neondb for PostgreSQL.
2. Authentication: Using Third-party services -- NextAuth for user login and registration.
3. Notifications: (If in future iterations) Services like SendGrid for email notifications or Twilio for SMS.

Challenges Already Identified:

1. Learning Curve: Mastering Next.js and its features while integrating with PostgreSQL.
2. Real-time Updates: If considering real-time features in future iterations, the challenge of implementing and managing WebSocket connections or similar solutions.

Getting Started

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying src/app/page.tsx. The page auto-updates as you edit the file.

This project uses next/font to automatically optimize and load Inter, a custom Google Font.