HasteNote is a simple web based app based on React + Express for taking notes. It allows each user to take up to 100 notes per account. It's also responsive so it looks great on big and small screens.
HasteNote uses css-grid, flexbox and also fetch(). If you're running an old browser it will most likely not work. I recommend using the latest version of Google Chrome for the best experience.
A live demo can be found at http://coming-soon.com Registrations work fine, but if you just want to quickly try the app use the test user with the credentials:
username: TestUser
password: TestUserPassword
Starting the project in development mode is very simple.
Just run: npm run dev
. This will start express and react in development
mode which means you'll have hot module reloading and access to sourcemaps
in the browser to debug the components.
You will have to create the the main database and user manually though. Read the database.js file for more info.
Starting the project in production mode is also simple.
Just run: npm run prod
. You'll also have to set up the database
manually in this case. The default port is 5000, to change that set
the PORT environment variable to a number.
This project was created because I wanted to learn react. If you do find something that could be improved on please open an issue or a pull request. I'll gladly look into it :)