X-Padlet

A modern todo list application built with Next.js and Supabase.

What's it do?

I wanted to create a side project that would keep track of things + to learn and re-learn some front-end concepts!

Tech Stack

Getting Started

1. Clone the repository
2. Install dependencies:

   pnpm install

3. Set up environment variables:

   cp .env.local.example .env.local

4. Start the development server:

   pnpm dev

The application will be available at http://localhost:3001

Project Structure

src/
├── app/              # Next.js app router pages
├── components/       # React components
│   ├── todos/       # Todo-related components
│   └── ui/          # UI components
├── hooks/           # Custom React hooks
├── lib/             # Utility functions
├── types/           # TypeScript types
└── styles/          # Global styles

Development

• Cmd-K: Keyboard shortcuts to go around
• Code Formatting: Uses Prettier
• Type Checking: TypeScript strict mode
• Linting: ESLint with Next.js config
• Testing: (Coming soon)