Skip to content

A modern, full-featured note-taking web app built with PHP and MySQL. It offers secure user authentication, rich text editing, public note sharing, and tag-based organization. Designed with a responsive UI and dark/light mode support, it ensures seamless note management across devices.

License

Notifications You must be signed in to change notification settings

TechyCSR/Notes-Making-Web-App

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

12 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

NotesApp

A modern, intuitive note-taking application built with PHP and MySQL. Create, organize, and share your notes seamlessly.

✨ Features

  • Secure Authentication - Sign up, login, password reset functionality
  • Public Sharing - Share your thoughts through your notes anytime and anywhere.
  • Note Management - Create, edit, delete, and organize your notes
  • Rich Text Editor - Format your notes with a powerful WYSIWYG editor
  • Note Sharing - Share notes publicly with anyone via secure links
  • Tags & Search - Organize notes with tags and find them quickly
  • Responsive Design - Works perfectly on desktop and mobile devices
  • Dark/Light Mode - Choose your preferred visual theme

Quick Start

Prerequisites

  • PHP 7.1+
  • MySQL 5.8+
  • Apache/XAMPP/WAMP server
  • Composer

Installation

  1. Clone the repository:
git clone https://github.com/TechyCSR/Notes-Making-Web-App
cd NotesApp
  1. Install dependencies:
composer install
  1. Configure database:

    • Open config/config.php
    • Update database settings:
    define('DB_HOST', 'localhost');
    define('DB_NAME', 'notes_app');
    define('DB_USER', 'root');
    define('DB_PASS', '');
  2. Initialize database:

php config/init_db.php
  1. Set up email configuration (for password reset):

    • Update SMTP settings in config/config.php
  2. Launch the app:

    • Place in your web server directory (e.g., XAMPP htdocs)
    • Visit http://localhost/NotesApp

πŸ”’ Security

  • Password hashing with bcrypt
  • PDO prepared statements to prevent SQL injection
  • CSRF protection
  • XSS prevention
  • Rate limiting for login attempts
  • Secure session management

πŸ› οΈ Technologies

  • Backend: PHP, MySQL
  • Frontend: HTML5, CSS3, JavaScript
  • Libraries: TinyMCE (rich text editor), Bootstrap (responsive design)
  • Tools: Composer (dependency management)

πŸ“ Project Structure

NotesApp/
β”œβ”€β”€ assets/        # CSS, JS, images
β”œβ”€β”€ config/        # Configuration files
β”œβ”€β”€ includes/      # PHP utilities
β”œβ”€β”€ models/        # Database models
β”‚   β”œβ”€β”€ User.php   # User authentication
β”‚   └── Note.php   # Note management
β”œβ”€β”€ vendor/        # Composer dependencies
└── views/         # Frontend templates

πŸ‘₯ Contributors

πŸ“„ License

This project is licensed under the MIT License - see the LICENSE file for details.

About

A modern, full-featured note-taking web app built with PHP and MySQL. It offers secure user authentication, rich text editing, public note sharing, and tag-based organization. Designed with a responsive UI and dark/light mode support, it ensures seamless note management across devices.

Topics

Resources

License

Stars

Watchers

Forks

Contributors 2

  •  
  •