lancerdonnie / caption-cards

A web app that lets you add your favourite captions and group them in tags

Caption Card

A react test project made for Zicli

About

Caption Card is a web application that which allows people to add captions and an option to label the captions with tags. The API that was used was provided by Zicli-Synergy here: Caption Cards Api Docs

Composition

• React and Redux
• Styles Components
• Axios
• React loader spinner
• Toasted Notes
• Eslint

Features

• User can view all tags
• User can view all captions
• User can view selected tags and their captions
• User can search captions
• User can search captions of specific tags
• User can add a tag
• User can add a caption
• User can add a caption with tags
• User can view specific captions of a tag

Hiccups

1. Trying to get started with react testing
2. I had to learn to use styled components
3. Initially tried to fit everything in one page
4. Shallow testing because of slow cpu

Hosting

Caption Cards Webpage

Screenshots

HomePage

Filter Page