Skip to content

Rexaintreal/Simple-Flask-Notes

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

17 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Notes Web App

Overview

This is a simple notes web app built using Flask for the back end and HTML, CSS, and JavaScript for the front end. Users can create an account, log in, create, edit, and delete notes. The front end design is highly inspired by uiverse.io, and credits are given to Google Fonts and various sources like Iconscout for fonts and icons used in the project.

Features

  • User Authentication: Users can sign up for an account and log in securely.
  • Create and Manage Notes: Users can create, edit, and delete their notes.
  • Responsive Design: The front end is designed to be responsive, providing a seamless experience across devices.

Front End Credits

  • Design Inspiration: The front-end design is highly inspired by uiverse.io.
  • Fonts: Fonts used in the project are from Google Fonts.
  • Icons: Various icons are sourced from platforms like Iconscout.

Project Structure

  • app.py: Main Flask application containing the backend logic.
  • Instance: Database file to save all the data.
  • templates/: HTML templates for different pages.
  • static/css/: CSS files for styling.
  • static/js/: JavaScript files for client-side functionality.
  • images/: Image assets used in the project.

Installation

  1. Clone the repository:

    git clone https://github.com/yourusername/Simple-Flask-Notes.git
  2. Navigate to the project directory:

    cd Simple-Flask-Notes.git
  3. Install dependencies:

    pip install -r requirements.txt
  4. Run the application:

    python app.py

Screenshots

Homepage Homepage

Login Login Page

Sign Up Login Page

Create Note Create Note Page

Usage

  1. Access the application in your browser at http://127.0.0.2:5000.
  2. Sign up for a new account or log in if you already have one.
  3. Create, edit, or delete notes as needed.

Notes

  • The SQLite database file (site.db) is used for data storage.
  • Ensure that the images/ directory contains the necessary image assets.

Feel free to explore, modify, and enhance the functionality of this notes web app according to your needs! If you have any questions or issues, please create an issue.

Author

Simple Flask Notes was created by Saurabh Tiwari.

You may also like...

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors