bytemakers / noteslify

Your Privacy Friendly, Open Source. Alternative to EverNote.

Noteslify

Your Privacy Friendly, Open Source. Alternative to EverNote.

Made with ❤ By ByteMakers

A Notes Taking Web App Built With Simplicity.

Please give this repo a ⭐ it really helps us!

Visit At noteslify.stonecss.com Using v1.3.8-beta ( Latest v1.3.8-beta, Latest Stable v1.4.0 )

Our System Statuspage is Available At dvstechlabs.statuspage.io

Team

The Developer Team behind Noteslify. This project wouldn't have been possible without them and our awesome contributors.

• @devarshishimpi [ Owner, Developer Team, Support Team ]
• @abhinandanwadwa [ Developer Team ]
• @Ravina-Deogadkar [ Developer Team ]
• @Gaurav bhojwani [ Developer Team ]
• @MrKrishnaAgarwal [ Support Team ]

Contributing

Contributions are always welcome!

See contributing.md for ways to get started.

Please adhere to this project's Code of Conduct.

Monorepo structure

Name	Path	Description
@noteslify/web	/apps/web	Web/Desktop/Docker clients
@noteslify/mobile	/apps/mobile	Android/iOS clients

Deployment

Make Sure You Have MongoDB and NodeJS Installed.

Deploying Backend

To deploy this project navigate to the backend folder and run

  cd apps/web/backend

  npm install

  node index.js

or

  nodemon

Create a .env file in the backend folder and add the following

JWT_SECRET = "RANDOMSTRINGMUSTNOTCHANGE"
clientId = "GITHUBAUTHCLIENTID"
clientSecret = "GITHUBAUTHCLIENTSECRET"
GoogleClientId = "GOOGLEAUTHCLIENTID"
GoogleClientSecret = "GOOGLEAUTHCLIENTSECRET"
SECRET = "RANDOMSTRINGMUSTNOTCHANGE"
DefaultGitHubPassword = "RANDOMSTRINGMUSTNOTCHANGE"
outlookEmail = "OUTLOOKEMAIL"
outlookPassword = "OUTLOOKPASSWORD"

Note : Outlook Email and Password are used for sending Forgot Password emails to users. Github And Google Auth is currently being added to the project therefore they are required as well.

Deploying Frontend

To deploy this project navigate to the frontend folder and run

  cd apps/web/frontend

  npm install

  npm start

Navigate to http://localhost:3000/

Feedback

If you have any feedback, please reach out to us at [email protected]

Stargazers

Our awesome stargazers! Thank you for your support!

Support

If you would like to support us, you can support on any of the below platforms.

noteslify's Issues

Animation and transitions on the page

Using AOS animation on the screen while scrolling.

Change Password Functionality

Password change functionality can be added in accounts section.

Fix the color fill when hovering over logout

Update and Add More Issue Templates

I'll turn bug.md and feature_request.md to issue forms, and add more issue templates.

Should I work on this?

@devarshishimpi

Make a common .gitignore file

I was going through the project and saw that each directory contains its own .gitignore files. It is not necessary, but it might be a good idea to make a common .gitignore in the project root.

Fix Netlify PR's Previews Deploys

🐛 [BUG] - The first-time login shows a blank page.

Description

The issue is due to a request API error. But if you refresh the page, all works fine.

I want to debug and see if I can fix itSo pleasese sign this issue to me.

Reproduction URL

http://localhost:3001/notes

Reproduction steps

1. Go to 'https://noteslify.stonecss.com/login'
2. Enter your username and password
3. The first time the page load, it shows an empty page.

Screenshots

![DESCRIPTION](LINK.png)

Logs

No response

Browsers

Chrome, Safari

OS

Mac

Markdown editor not showing up in production

Here's the preview of the output of the markdown editor

Add Link To Github Repository On Landing Page in Navbar

Reducing the Number Of Dependencies

If possible could we reduce the number of dependencies for better app security?

Bug: Cannot go back from login page if redirected there by clicking on Dashboard

Describe the bug
If I click on dashboard on homepage it takes me to login page from where I cannot go back to home/landing page unless I login, this can cause inconvenience to users who might accidently click on it with no option to go back.

To Reproduce
Steps to reproduce the behavior:

1. Go to (https://noteslify.vercel.app/)
2. Click on Dashboard ,it takes you to login page.
3. Try clicking back button on your browser
4. See error

Expected behavior
Expected behavior is to return back to home page.

Screenshots

issue.mp4

Desktop (please complete the following information):

• OS: Windows 10
• Browser Chrome

Additional context
I think the problem might be the use of useNavigate() which was used to redirect the user to login from dashboard if he did not login but that causes a loop if user wants to return to the original page but he is constantly redirected to login as back button takes him to
the dashboard again

Can I take up to solve this if it is a valid issue for hacktoberfest?

Contact image not showing in contact us page.

The path given for the image in contact us page is not working.

Would enjoy to resolve this issue.

Add Markdown Support for Title And Description Of Notes

Add Markdown and Word Document Style Editing Of Notes

Add Toast in Recycle Bin

Add Issues Templates

ENV Configuration not mentioned in Readme.

No custom 404 Error Page

Is your feature request related to a problem? Please describe.
Whenever user enters a route that doesn't exist, there's no custom 404 Error page to be displayed to the users.

Describe the solution you'd like
A custom 404 Error page can be created and added to the routes so that the users are notified that the route doesn't exist.

Describe alternatives you've considered
No alternatives other than creating a custom 404 page.

Notes Model PopUp on click

The model should pop up upon clicking the notes itself. We can only do this by clicking the three dots. This is a feature to be added.

Not all footer links are working

Describe the bug
The different links on the footer should work as the nav bar.

To Reproduce
Steps to reproduce the behavior:

1. Go to 'Home Page'
2. Click on the differents Links on the footer
3. Some of them are not working, but it does if you use the top nav links

Expected behavior
It should work as the top nav links

Desktop (please complete the following information):

• OS: [MacOS]
• Browser [Chrome]
• Version [105.0.5195.125 ]

Button to Top

Start Date

10/11/2022

Implementation PR

No response

Reference Issues

No response

Summary

I will add a button on the left side which redirects the user to the top from the bottom.

Basic Example

This is the basic example that I mentioned in summary

Drawbacks

It mainly reduces the space in the portal, for example, 5 to 20px right side.

Unresolved questions

No response

Add FUNDING.yml

chore: Add Pull Request Template

Let's add PR Template to this repository

Complete Noteslify Landing Page with all necessary components

Add Deployments Steps To Readme

Adding placeholder in add note popup

ADDING PLACEHOLDER TO ADD NOTE POPUP

I would like to add a placeholder to the add note popup which will increse the user experience and will look more functional.

BEFORE CHANGE

AFTER CHANGE

Recycle Bin Stuck in Production Version.

I have attached a screenshot below. The loader looks stuck around 50%. Bin won't open in the production version.

Add Sitemap On Noteslify For Better SEO

The sitemap should also auto-update on every new component added to the website without manually needing to update it

Add Recycle Bin Functionality

Add Another Button Called "Move to Bin" and Add a Navbar Element called "Bin" with it's functionality in Frontend and Backend

Make Search Functionality Working

Making the Search Button at Noteslify Dashboard working with MongoDB Atlas and MongoDB Search Feature.

Add animation in the navbar

Please assign it to me.I will do it for you

Add Zero Knowledge Encryption

Encrypt Notes before saving them to MongoDB, and the same while retrieving it

Add a better footer section to Landing Page ( Responsive )

Add Button To Permanently Delete Note in Recycle Bin ( Working )

Navbar is not interactive

When I'm hovering over the navbar it is not interacting like it'd be good if its color changes or something

I'd love to work on it if assigned.

Change Title And Description Text Optimized For SEO

Changing the Default React App Text and Description and other related SEO fields.

Account Settings Control

Add a Navbar Element called "My Account" which lets user control their account settings

Notes Page Goes Blank after login and needs a page refresh

Notes page goes blank after login and needs a page refresh in order to view the notes

Refactoring CSS

Kindly note this issue is not assigned to anyone. This issue will be handled by Noteslify Team.

Replace Landing Page Lorem Ipsum Content

Replacing of Lorem Ipsum text on Landing Page ( This issue has been assigned )

Replace Boxicons with Fontawesome CDN Icons

Add Theming Option to the Notes and Homepage/everywhere else

Add the options of switching themes from light to dark theme with a toggle

Fix spacing on Landing page info section

Describe the bug
Currently, the spacing between elements on desktop and mobile for the Info component on the landing page aren't very neat.

To Reproduce
Steps to reproduce the behavior:

1. Go to https://noteslify.vercel.app/
2. Scroll down towards the bottom

Expected behavior
To have a cleaner look, the elements should be properly spaced out.

Screenshots

Desktop (please complete the following information):

• OS: Windows 10
• Browser Brave
• Version 1.45.88

Additional context
Add any other context about the problem here.

React complaining about HTML syntax

Describe the bug

Since React v16.x, every-time we type HTML properties without respecting the React rules, we'll see these "Invalid DOM properties" being printed in the output.

The purpose of this PR/MR is to solve all of them 🚀

To Reproduce
Steps to reproduce the behaviour:

1. Run the app locally
2. Open the dev-tools (console) from your browser
3. Check all the warnings being printed there

Additional context
Read more in here - https://www.geeksforgeeks.org/why-react-uses-classname-over-class-attribute/

Replace Unicons with Fontawesome CDN Icons

@Ravina-Deogadkar Could you handle this issue as well?

Change Newsletter section in Landing page

Is your feature request related to a problem? Please describe.
In section "Subscribe To Our Newsletter" appears a little vertical overflow showing scroll bars.

Describe the solution you'd like
Remove the overflow.

Additional context

State is maintained after preview window is closed and add new note modal is open

Describe the bug
The state is not getting cleared after we close the preview and open Add new note modal.

To Reproduce
Steps to reproduce the behavior:

1. Create a new note
2. Click on the newly created note, and the preview window will open.
3. Close the preview window.
4. Click on Add new note.

Expected behavior
Add new note should have blank textbox everytime.

Screenshots

Wrong backend server

Describe the bug
Fetching data from API fails with the following error:

To Reproduce
Steps to reproduce the behavior:

1. Go to the all notes page

Expected behavior
The page should load data from the API

Screenshots

Visual Bug: Unwanted scrollbar in Newsletter Section

Describe the bug
The scrollbar in the Newsletter section in the Home can be unappealing to the users, and it can work out without using one, so I think we can fix it by changing some CSS.
To Reproduce
Steps to reproduce the behavior:

1. Go to https://noteslify.vercel.app/
2. Scroll down to the "Subscribe to our newsletter" section
3. See the bug

Expected behavior
ScrollBar for that section is not required.

Screenshots

Desktop (please complete the following information):

• OS: Windows
• Browser: Chrome
• Version: 106.0.5249.9

Can I take up to solve this if it is a valid issue for hacktoberfest?

Fix Navbar on Responsiveness

Navbar doesn't open on few mobile sizes, Also, Tab size navbar hasn't been updated yet

Introducing a Back to Top Button ↑

Is your feature request related to a problem? Please describe.
As I go through your site several times and face an issue that there is no button Back to Top so I have to scroll it
so here is my solution for this, I am introducing a Back to Top

Describe the solution you'd like
A clear and concise description of what you want to happen.

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context
Add any other context or screenshots about the feature request here.