Thanks to visit codestin.com
Credit goes to Github.com

Skip to content

nav9v/scoopy-notes

ย 
ย 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

14 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

This project was made for a Svelte Fundamentals course, a key part of the Summer Internship Program 2024. In this tutorial, you'll learn the basics of Svelte by building a simple note application. This project will help you understand the core concepts of Svelte while creating a functional quick notes app.

Scoopy-Notes ๐Ÿ“’โœ๏ธ

This project is a hands-on learning experience combining Vite, Svelte, TailwindCSS, Flowbite, and Dexie to create a simple note application. Users can create, edit, and delete notes with a clean and modern interface.

image

Key Features

  • Create Notes: Add new notes with ease.
  • Edit Notes: Modify existing notes.
  • Delete Notes: Remove notes when no longer needed.
  • Persistent Storage: Use IndexedDB via Dexie.js for reliable note storage.
  • Responsive Design: TailwindCSS for a modern, responsive UI.

Tech Stack

  • Vite: Fast development server and build tool.
  • Svelte: Modern and efficient UI framework.
  • TailwindCSS: Utility-first CSS framework for styling.
  • Flowbite: Pre-built components for TailwindCSS.
  • Dexie: Wrapper for IndexedDB, providing an easier API for database interactions.

Prerequisites

  • Node.js and npm (or yarn) installed

Installation

  1. Clone the repository: git clone https://github.com/nav9v/scoopy-notes

  2. Install dependencies:

    • npm install (or yarn install)
  3. Start the development server: npm run dev (or yarn dev)

Usage

  1. npm run dev and navigate to generated local host port in your browser
  2. Create, edit, and delete notes using the intuitive interface.
  3. Notes will be stored in your browser's IndexedDB for persistence.

How to Contribute

  1. Fork the repository specified for the Svelte projects.
  2. Clone the forked repository to your local machine.
  3. Create a new branch with your name.
  4. Implement the quick notes app by following the tutorial.
  5. Commit your changes and push them to your forked repository.
  6. Create a pull request to the main repository.

Additional Challenge

To enhance your learning experience and add more functionality to your project, we encourage you to take on the following challenges:

  1. Add a feature to delete notes within the application.
  2. Use IndexedDB for storing notes instead of local storage. For easier interaction with IndexedDB, consider using the Dexie.js library.

These challenges are designed to push your skills further and give you hands-on experience with more complex application features.

Releases

No releases published

Packages

No packages published

Languages

  • Svelte 92.9%
  • JavaScript 3.4%
  • HTML 3.0%
  • CSS 0.7%