NotePage is a web application that allows you to easily share code, text, or any content using a unique link. You can create new note pages by simply visiting https://notepage.vercel.app.
-
Custom Pages: Create your own custom pages to share content with others. Just use
https://notepage.vercel.app/<your-page-name>and start sharing. -
Password Protection: Optionally protect your pages with a password, ensuring that only authorized users can access your content.
-
Real-time Collaboration: Collaborate with others in real-time. When multiple users access the same link, any changes made by one user are instantly visible to others, without requiring a page refresh.
-
Shareable Links: Share your pages with others by sending them the unique link.
NotePage is built using the following technologies:
-
Angular: A powerful and popular front-end framework.
-
Firebase: A real-time cloud database, authentication, and hosting platform.
-
Angular Material: A UI component library for Angular applications, providing a set of high-quality components.
-
Nebular: A customizable Angular UI library and Angular admin template based on Nebular.
-
Visit https://notepage.vercel.app to start using NotePage.
-
Create a custom page with your desired name (
https://notepage.vercel.app/<your-custom-name>). -
Optionally set a password to protect your page.
-
Start sharing your link with others.
-
Collaborate in real-time with others on your shared content.
To run this project locally, follow these steps:
-
Clone the repository:
git clone <repository-url> -
Navigate to the project folder:
cd notepage -
Install dependencies:
npm install -
Add Angular Material and Nebular to the project:
ng add @angular/materialandng add @nebular/theme -
Also ensure that you have added your Firebase configuration in
.envfile.
FIREBASE_PROJECT_ID=<your-project-id>
FIREBASE_APP_ID=<your-app-id>
FIREBASE_DATABASE_URL=<your-database-url>
FIREBASE_STORAGE_BUCKET=<your-storage-bucket>
FIREBASE_API_KEY=<your-api-key>
FIREBASE_AUTH_DOMAIN=<your-auth-domain>
FIREBASE_MESSAGING_SENDER_ID=<your-messaging-sender-id>
FIREBASE_MEASUREMENT_ID=<your-measurement-id>-
Run the development server:
npm run start -
Open your web browser and visit
http://localhost:4200
Now you can explore and test NotePage on your local machine.
If you encounter any issues or have suggestions for improvements, please open an issue on the GitHub repository.
You are also welcome to contribute to the project by forking the repository and creating a pull request.
This project is licensed under the MIT License. See the LICENSE file for more information.