Notess-v2

Notess V2

CRUD notes app, crafted with Svelte and styled with Pico CSS!

Notess 📝

Notess is a full CRUD application that allows users to create, edit, delete, and update notes. The project is built using Svelte, Pico CSS, and Elephantsql.

Features ✨

  • ✏️ Create a new note
  • ✏️ Edit an existing note
  • ❌ Delete a note

Inspiration 💡

This project draws inspiration from my previous Notes project and the article "Making a Simple Note App using Svelte and Vite". While incorporating ideas from these sources, I have also added my own customizations to enhance the frontend.

Contributing 🤝

Contributions are welcome! If you have any suggestions or improvements, please open an issue or submit a pull request.

Before and After

The main difference in the "After" version is the addition of more styles to the note card. This enhances the visual appeal and user experience. Also using a diffrent framework and languages. Here's an example showcasing the difference:

Notess v1

demo gif

Notess v2

Notess v2

Installation

Ensure you have Node.js installed on your system before proceeding with the steps.

  1. Clone the repository:

    git clone https://github.com/.....
    
  2. Navigate to the project directory: cd Notess-v2

  3. Install the dependencies: npm install

  4. Install Pico CSS: npm install pico-css

  5. Add Font Awesome for icons: npm install @fortawesome/fontawesome-free

  6. Start the development server: npm run dev

    To do

  • search notes
  • user auth?

Top categories

Loading Svelte Themes