Notes App 📝

A modern, full-stack notes application built with Next.js and TypeScript, powered by PocketBase for backend operations. Users can add and view notes.

Features • Tech Stack • Installation • Contributing • Screenshots • Author

✨ Features

• 🎯 Intuitive Note Management - Create, edit, and delete notes with ease
• 📱 Responsive Design - Seamless experience across all devices
• ⚡ Fast Performance - Built with Next.js for optimal speed and SEO
• 🔒 Local Backend - Powered by PocketBase for secure data management

🛠️ Tech Stack

Frontend

• Next.js - React framework for production
• TypeScript - For type-safe code
• TailwindCSS - Utility-first CSS framework

Backend

• PocketBase - Open source backend in one file

🚀 Installation / Running Locally

1. Clone the repository

   git clone https://github.com/Ashwin-S-Nambiar/Notes-App.git
   cd notes-app

2. Install dependencies

   npm install

3. Set up PocketBase

   • Download PocketBase executable from pocketbase.io

   • Add pocketbase.exe to project root

   • Start PocketBase server:

     ./pocketbase serve

4. Configure PocketBase

   • Create a new collection following the prompts
   • API endpoint will be available at http://localhost/api/

5. Launch development server

   npm run dev

   Visit http://localhost:3000 to view the app.

🤝 Contributing

Contributions are welcome! Here's how you can help improve Notes App:

1. Fork the repository

2. Create a feature branch:

   git checkout -b feature/amazing-feature

3. Commit your changes:

   git commit -m 'Add some amazing feature'

4. Push to the branch:

   git push origin feature/amazing-feature

5. Open a Pull Request

📸 Screenshots

Landing Page

Creating a New Note

Home Page with New Note

Note Details

PocketBase Admin Interface

Database Structure

👤 Author

Ashwin S Nambiar

• Portfolio: ashwin-s-nambiar.is-a.dev
• GitHub: @Ashwin-S-Nambiar

---

Made with ❤️ by Ashwin S Nambiar