Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Appearance settings

TechyCSR/Notes-Making-Web-App

Open more actions menu

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

Morty Proxy This is a proxified and sanitized view of the page, visit original site.