Remix Notes App

A minimalist note-taking application built with React Router 7, React, and Prisma. Features a clean dark theme interface for creating and managing notes.

Features

• 📝 Create, edit and view notes
• 🔄 Real-time updates
• 🌗 Dark theme interface
• 💾 SQLite database storage
• 🚀 Fast and responsive UI
• ⚡️ Modern routing with React Router 7

Tech Stack

• React Router 7 - Modern routing library
• React - UI library
• Prisma - Database ORM
• SQLite - Database
• TypeScript - Type safety
• CSS Modules - Scoped styling

Getting Started

Prerequisites

• Node.js 20.0.0 or later
• npm 10.0.0 or later

Installation

1. Clone the repository

git clone https://github.com/yourusername/remix-notes-app.git
cd remix-notes-app

2. Install dependencies

npm install

3. Set up the database

npx prisma generate
npx prisma db push

4. Create a .env file and add:

DATABASE_URL="file:./dev.db"

Development

Run the development server:

npm run dev

Deployment

Build for production:

npm run build

Start in production mode:

npm start

Production Build Output

The build process generates:

• build/ - Production-ready application code
• public/build/ - Static assets and client-side bundles

Project Structure

remix-notes-app/
├── app/
│   ├── api/           # API and database interactions
│   ├── components/    # React components
│   ├── routes/        # React Router routes
│   └── utils/         # Utility functions
├── prisma/
│   └── schema.prisma  # Database schema
└── public/            # Static assets