https://github.com/meenakshiar/looplist

Looplist - A social habit tracker designed for micro-habits.
https://github.com/meenakshiar/looplist

heroui mongodb mongoose nextjs typescript zustand

Last synced: 3 months ago
JSON representation

Looplist - A social habit tracker designed for micro-habits.

• Host: GitHub
• URL: https://github.com/meenakshiar/looplist
• Owner: meenakshiar
• License: mit
• Created: 2025-06-06T13:57:58.000Z (4 months ago)
• Default Branch: main
• Last Pushed: 2025-06-06T16:31:03.000Z (4 months ago)
• Last Synced: 2025-06-06T16:37:44.658Z (4 months ago)
• Topics: heroui, mongodb, mongoose, nextjs, typescript, zustand
• Language: TypeScript
• Homepage: https://main2-meenakshiars-projects.vercel.app
• Size: 130 KB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# 🔁 LoopList

A social habit tracker designed for micro-habits. Strengthen your routines with visual streaks and stay motivated through community support.

🚀 [View Live Project](https://main2-meenakshiars-projects.vercel.app/)

## 📌 About

LoopList is your lightweight companion for building consistent habits—one micro-loop at a time. Whether you're journaling daily, running weekly, or meditating three times a week, LoopList helps you:

* Stay on track with visual progress tracking

* Get motivated by sharing progress with a community

* Maintain private accountability or go public for extra motivation

## ✨ Features

🔄 Create Loops

Define micro-habits with custom recurrence: daily, weekly, or completely personalized.

📊 Track Streaks

See your progress with a beautiful GitHub-style heatmap calendar.

🌐 Public Boards

Showcase your habit journey or explore what others are working on.

👏 Social Engagement

Support others, clone inspiring loops, and build momentum together.

## 🚀 Tech Stack

* Next.js- Full-stack React framework for fast builds

* TypeScript- Safer code with strong typing

* MongoDB- NoSQL database for storing loops & streaks

* Mongoose- MongoDB object modeling for Node.js

* Zustand- Lightweight state management

* Hero UI- Clean, modern UI components

## 📸 Preview

🎥 [Click here to watch the demo video](https://drive.google.com/file/d/1nERUKsbcolysYupVM1q7rc2KYmN306TS/view?usp=sharing)

## 🛠️ Installation & Setup

1. Clone the Repository

- https://github.com/meenakshiar/looplist.git

  cd looplist

2. Install Dependencies

- npm install or yarn install

3. Set up Environment Variables

- Create a .env.local file and add:

  - MONGODB_URI=your_mongodb_connection_string

  - NEXT_PUBLIC_BASE_URL=http://localhost:3000

4. Run the App

- npm run dev or yarn dev