Slate

Table of Contents

1. About The Project
   • Project Wiki
   • Built With
2. Sample Features
3. Getting Started
4. Roadmap

About The Project

Slate is a web application inspired by Canva, allowing users to have an easy way to create designs.

(back to top)

Project Wiki

• User Stories
• Database Schema and Backend Routes
• Features List
• Redux State Shape
• Wireframes

Built With

📋 Languages

📚 Frameworks, Platforms and Libraries

💾 Databases

☁️ Hosting

💻 Editors

(back to top)

Sample Features

Log in or sign up

Design Page

Create a Design

Brand Page

(back to top)

Getting Started

To get a local copy up and running follow these simple example steps.

1. Clone the repo:

   SSH version:

   git clone git@github.com:amanduhkv/slate.git

   or

   HTTPS version:

   git clone https://github.com/amanduhkv/slate.git

2. Install packages

   pipenv install
   cd react-app
   npm install

3. Create a .env file and set the environment variables for SECRET_KEY and DATABASE_URL to your choosing.

4. Migrate and seed the files.

   flask run db init
   flask run migrate
   flask seed all

5. Run the server and start the react app

   pipenv run flask run
   cd react-app
   npm start

Roadmap

• Designs

  • Create a design
  • Load all designs
  • Load current user's designs
  • Update a current user's design
  • Delete a current user's design

• Brands

  • Create a brand
  • Load all brands
  • Load all user's brands
  • Update a current user's brand
  • Delete a current user's brand

• Images / Shapes

  • Create a design image or shape
  • Edit a design image or shape
  • Delete a design image or shape

• Search / Filter

  • Create a search filter
  • See the result of a search filter
  • Update a search filter
  • Remove a search filter

(back to top)

Amanda Vien:

Project Link: https://github.com/amanduhkv/slate

(back to top)