About Goatnote:

Introducing Goatnote, a full-stack Evernote clone, your go-to online note taking app that auto saves and organizes your notes from mountain goats to goats like Michael Jordan. View and organize all of your notes in one place. Welcome to Goatnote, let's take note! Click here to view Goatnote Live Site

Please see below links to project Wiki:

• Feature List
• User Stories
• Wireframe Concept
• Database Schema

This project is built with:

• Frontend: JavaScript, React/Redux
• Backend: Python, Flask
• Database: PostgreSQL, SQLAlchemy

This project is built with fun by:

• Christian Tam

Getting Started:

1. Download the starter by cloning this repo.

   git clone https://github.com/ctam312/GoatNote.git

2. Install dependencies

   pipenv install -r requirements.txt

3. Create a .env file based on the example with proper settings for your development environment

   SECRET_KEY=<your secret key>
   DATABASE_URL=sqlite:///dev.db
   SCHEMA=flask_schema

4. Get into your pipenv, migrate your database, seed your database, and run your Flask app

   pipenv shell
   flask db upgrade
   flask seed all
   flask run

5. Start frontend server in react-app directory

   npm install
   npm start

6. In your browser go to localhost:3000

Features Directions:

Feel free to view images below on all the features that were implemented on this project! These all follow the four basic CRUD functions.

##Demo User/Log in:

To test all features please click on the "Login as Demo User" button or feel free to sign up!

Sign Up:

View your notes on the home page:

Create and view a note:

With live editing and auto saving you can click on the title or the content box itself and take note away! (Hosting on render does have some lag time when making edits when typing speed is above 70WPM)

Delete a note:

Read/Create/Edit/Delete notebooks:

You can organize your notes within notebooks you create with the selector option with the note itself!

Bonus Feature: Lost Goat! (404 page):