Back to Projects

Note X

Web

A note-taking web app built with the MERN stack, designed around the timeboxing technique to boost productivity, my first dive into web development.

Demo Status

The live demo is no longer fully functional due to dependency issues. You can still click the preview to explore the frontend UI, but the server functionality is not available.

NoteX Overview

Where Productivity Meets Beautiful Design

Because sometimes the difference between a good day and a great day is just having your thoughts organized in a way that doesn't look like a digital post-it note from 1998.

✓ No more "I'll remember that later" moments

Timeboxing Technique

Implements the timeboxing productivity method, allowing users to allocate specific time slots to tasks and notes for better time management and focus.

Technical Stack

Frontend

  • •React for UI components
  • •CodeMirror for text editing
  • •Tailwind CSS for styling

Backend

  • •Node.js API server
  • •MongoDB for data storage
  • •Express.js for routing

Features

  • •Timeboxing implementation
  • •Task organization
  • •Productivity tracking
Note X

Project Link

Live Demo

Project Info

Year2023
Categoryweb

Credits

Project ManagerOmar Helfawi
DocumenterMarigold So
System AnalystBannielyn Cruz
ProgrammerJerick Nucasa