An intuitive, minimalist and functional note-making app for seamless note-taking. 🗒️
This is a SpringBoot API service with a PostgreSQL DB Server, that acts as the Backend for this React Application
- Provides functionality to
View
,Add
,Edit
, orDelete
notes, and toLabel
up andSearch
(find Note by Label) each note. - Each note is
coloured
🎨 according to user input, and organised using labels for a productive management. - It also offers a
Pin/Unpin
feature 📌, where your most important notes for the day can be pinned to the top, away from all the clutter. - Notes are sorted and displayed based on the last modified date.
The React UI (you can find it here) connects to this hosted SpringBoot API Service. A Postgres Server is setup to store all notes, and connected to from the SpringBoot app. This Backend service has been developed separetely and exposed to external clients, using a free Ngrok tunnel.
The repo follows a simple and intuitive structure.
- Setup PostgreSQL and IntelliJ in your local system.
- Clone this repository using
git clone <Repo-URL>
. - Create the necessary tables as can be inferred from the Models folder.
- Once the Postgre Server is setup and running, you can connect it to the API Service by updating your URL, username and password in application.properties
- Run the Application.java file, and now you're set!
- You can test the APIs using a Postman account.
- To connect with the UI, clone this repo on you local system.
- Update the URLs in the axios calls with your local URL.
- If you're setting up your Frontend and Backend applications on 2 separate machines, the Backend API Service needs to be exposed to the Frontend.
- Create a free Ngrok account here.
- Expose your local server to the internet using your Ngrok link
- Update the URLs in the axios calls with your Ngrok tunnel URL.
Your Pretty Notes app is all set to be used!
Contributions are what make this open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.
If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement". Don't forget to give the project a star! Thanks! <3
- Fork the Project
- Create your Feature Branch (git checkout -b feature/AmazingFeature)
- Commit your Changes (git commit -m 'Add some AmazingFeature')
- Push to the Branch (git push origin feature/AmazingFeature)
- Open a Pull Request