Skip to content

hesrun/noteApp

Repository files navigation

📝 HNotes

HNotes is a modern app for creating notes, managing tasks, contacts, and a calendar to track your activities. It features user registration and authentication via Supabase, along with light and dark theme support.

React Vite MobX Ant Design TailwindCSS Supabase


🌐 Live Demo

👉 View Live Demo
📦 GitHub Repository


🚀 Technologies Used

  • Vite — build tool and dev server
  • React — UI library
  • MobX — state management
  • Ant Design — UI components
  • Tailwind CSS — styling
  • Supabase — backend, authentication, and data storage

🔥 Features

  • 📝 Create and edit notes
  • ✅ Manage tasks
  • 👥 Contacts book with detailed info
  • 📅 Calendar for tracking tasks and events
  • 🔐 User registration and login via Supabase
  • 🌙 Toggle between light and dark themes
  • ⚡ Fast and responsive interface powered by MobX

🔧 Installation and Development

  1. Clone the repository
git clone https://github.com/hesrun/noteApp.git
cd noteApp
    ```

2. **Install dependencies**

    ```bash
    npm install
    ```

3. **Create `.env` file in the root directory**

    ```
    VITE_API_KEY=suapabse-api-key
    VITE_API_URL=suapabse-api-url
    ```

4. **Run the app in development**

    ```bash
    npm run dev
    ```

5. Open http://localhost:5173 in your browser to use HNotes locally.

---

## 📦 Build for Production

```bash
npm run build

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages