khabizat / wish-list-organizer

React-based single page application (SPA) for creating and organizing wishlist items into categories

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Wish List Organizer

Purpose

The purpose of this wish list SPA is to provide users with a simple and organized way to keep track of all their desired items in one place. Users can add items to their wish list by providing a description, price, and link. The SPA allows users to categorize items and keep their wish list organized.

Target Audience

The target audience for this SPA is anyone who likes to keep track of items they wish to buy, whether it's for personal use or for sharing with friends and family. This application can be especially useful for people who frequently shop online and want to keep track of items they are interested in purchasing.

Key features

Key features of this wish list SPA include the ability to add, edit, and remove items from the wish-list, categorize items, and share the wish-list with others. Future plans for the SPA may include incorporating a downtime API that tracks prices of the items and notifies users when the price drops, which will help users save money and get the best deals on their desired items.

Tech Stack

Front-End: React, JavaScript, Axios, JSX, HTML, TailwindCSS, Material UI
Back-End: Node.js, Express.js
Database: PostgreSQL

Setup

Install dependencies with npm install.

Running API Server

npm start

Running Webpack Development Server

npm start

note: use node v16.15.1

API response examples

Categories

GET /api/categories
[
  {
    "id": 1,
    "name": "Clothing & Shoes"
  },
  {
    "id": 2,
    "name": "Accessories"
  }
]

Items

GET /api/items
[
  {
    "id": 1,
    "name": "Birdies mules",
    "price": "$140.00",
    "url": "https://birdies.com/products/womens-slides-phoebe-woven-tassel-orange-pink?variant=39842925543504",
    "category_id": 1
  },
  {
    "id": 2,
    "name": "Umbrella",
    "price": "$110.00",
    "url": "https://www.longchamp.com/ca/en/products/retractable-umbrella-L1593PES300.html",
    "category_id": 2
  }
]

About

React-based single page application (SPA) for creating and organizing wishlist items into categories


Languages

Language:JavaScript 88.3%Language:HTML 7.3%Language:CSS 4.4%