puzl

Organization for avid jigsaw puzzlers
created by Ha Nguyen

About

A place for those who like to sort, organize and put things in the right place. Keeps those who like organization...organized.

Planning

Wireframe: Miro
ERD: dbdiagram

Installation and Setup

This project was bootstrapped with Create React App.

This project uses integrated image management services by Cloudinary.

1. Clone the repository with 'git clone'

2. Installations:
   npm install
npm i --save react react-dom react-router-dom
npm install json-server
npm install @material-ui/core
npm install @material-ui/icons
npm install cloudinary-react --save
   

3. Start the development server
   Open a separate terminal, cd into the project directory
   Run npm start to view the app in development mode
   Open http://localhost:3000 to view in the browser
   The page will reload if you make edits.
   You will also see any lint errors in the console.
   

4. Create a local API:
   mkdir puzl-api to create a new directory
   touch database.json to create the database
   

5. Serve the JSON database:
   cd into the puzl-api directory
   json-server -w database.json -p 8088
   

Features

Gallery
View a collection of puzzles you are working on, completed and have added to your wishlist.

Workspaces
Helps you manage workspaces so you can have puzzles going everywhere they fit. Avoid starting on one, only to find that the partially assembled pieces have to be moved to a larger space. This app will help you plan your next project by perfectly matching puzzles to open workspaces. Happy puzzling!