📝 FutureNotes App Challenge

The app includes core features like saving and loading notes, as well as an @mention functionality. Additionally, it includes a login page and a theme selector for toggling between light and dark modes.

🚀 Features

Core Features

• Note-Taking
  • A responsive text area for entering plain text notes.
  • Auto-save functionality: notes are saved automatically when typing stops.
  • Open note persist across page refreshes.
• @Mention Support
  • Type @ in the text area to mention users.
  • Shows only 5 most relevant users as you type.
  • Mentions are styled uniquely for better visibility.

Additional Features

• Login Page
  • Simple login screen for accessing the app.
• Theme Selector
  • Toggle between light mode and dark mode for an improved user experience.

🔧 Tech Stack

• Frontend Framework: React + NextJS + TypeScript
• Styling: Tailwind CSS
• API Integration: Fetch API
• Additional Tools: ContextAPI + CookieJS + uuid

🛠️ Setup and Installation

1. Clone the repository:

   git clone https://github.com/MateuszWasik/FutureNotes.git
   cd SurfeNotes

2. Install dependecies:

   npm install

3. Run the development server:

   npm run dev

Open your browser at http://localhost:3000.

📜 License

This project is open-source and available under the MIT License.