Giter VIP home page Giter VIP logo

notem's Introduction

Notem

Notem, A small note taking website


Author

๐Ÿ‘ค Aditya Singh

๐Ÿค Contributing

Contributions, issues and feature requests are welcome!
Feel free to check issues page.

Show your support

Give a โญ๏ธ if this project helped you!

๐Ÿ“ License

This project is under MIT license.

notem's People

Contributors

aditya-singh9 avatar arunbohra12 avatar asciijakob avatar cjlovelace avatar dipanshusingh2107 avatar nalinplad avatar rajgavadiya7 avatar thisisharsh7 avatar waxer59 avatar yvillamilrccl avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

notem's Issues

Font switcher

Add a font switch option, maybe to something more readable. I can work on this right after I finish up the peristaltic theme

Title hidden on different fonts

make font sizes according to the fonts.
on the notes section too, their is big fonts which leads to less content in one board.

image

Can we setup a proper dev server with npm using vite?

Currently, in development, there is no proper env. If a dev doesn't have some sort of live server installed on their machine they would have to refresh the page again and again or even if they have all of them won't have one kind of server.

We can use vite which allows us to use HMR and is super easy to use.

Not obvious how to start using the app

When you first load Notem, there are only the 4 dots to change themes on the screen, and I genuinely had no idea how to create a note, because it's usually done with a button. I suggest adding a label that tells the user to click and drag to create a note, and the label would disappear after the first note was created. Also maybe a "select theme" label could be added to signify what the dots are for.
I could take on implementing this suggestion.

Navbar

Would like to contribute to add Top navbar where we can add name of the app and GitHub logo link to github page

Navbar links

Maybe adding footer with some links to github repo etc. would be nice.
If accepted im ready to work on this case

Selecting color changes color for all notes, not just one being created.

I'm noticing that color selection changes the color of all existing notes.

For usability, I'm wondering if there are two new changes to be made:

  1. Selecting a color changes the color of only newly created notes. This allows users to sort notes by color for different purposes or general organization.
  2. Already posted notes have some sort of color change functionality, perhaps on the note itself.

I could see something along the lines of below. Some design changes would potentially need to consider smaller sized notes so that colored selectors don't overlap with boundaries of note border.
notes marker

Adding a how to use column

I think adding a how to use column will make the website more user-friendly.
Also adding a navbar would help a lot.
If you think this feature is worth adding, please assign this issue to me.
Thank You.

Addition of new themes

@aditya-singh9 You can choose the colors or I could add these
hfcolors

I've gotten familiar with the code and have started working on it, so please assign this to me

contributing.md file missing

According to hacktoberfest guidelines a contributing.md file should be there for projects which are participating in hacktoberfest.
Please assign this issue to me...

Theme not persistant

The current theme is not synced like the notes are, across closing and reopening the tab

Add a favicon to the website

Since there is no favicon currently we can put one there.
This issue is opened under Hacktoberfest 2022.
I would like to work on this issue.

The console should be cleared and the close part should have some indications

Some messages appear in a console when a user interacts with the app, and they can be removed.
In order for the user to know it is a part where they can click to delete the note, the close container should have some sort of indication of closing. I would like to solve this issue as part of hacktoberfest, please assign it to me.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.