Git Product home page Git Product logo

charlietown's Introduction

charlietown

A site to see pictures of that good cat Charlie

Summary

This is a small site for Angelica so she can see pictures of that good cat charlie, and put in pictures of her own. This readme is slim and aspirational now, cos it being built up in realtime. If you are seeing a mostly messy readme that don't make much sense, give it a couple days and come back! Yr essentially reading a public diary right now.

Spinning it Up

One day you'll be able to visit the site on the web. When that day comes, we'll let you know here.

Philosophy

It is useful to know how to build more small tools that serve a single, personal purpose. In my case, it's having a site that displays pictures of Charlie and this site is collaborative between myself and Angelica. We should both be able to edit and update through an easy interface.

The other main philosophy of this is learning the thing I've put myself in a position to learn. In this case, it's react and redux and api calls to a database. There are other ways this app could be built, and likely much easier (and maybe not even using javascript). But I am using react and redux as a means of learning the concepts behind them better.

API

This will detail the api that is being built and used to query that charlieDb.

User Stories

MVP, on localhost

  • As a Charlie fan, I can visit a page on localhost that displays different Pictures of Charlie
  • As a charlie fan, I can click on any picture to see it larger, and with more info about the good man.
  • As a Charlie fan, I can upload new pictures of charlie, that include notes of mood and location.
  • After I upload a new photo, I'm taken to it's details page, to confirm that it has been successfully added.

MVP, devside

  • As a dev working on the site, I can confirm I have a 'hello world', that uses React and Redux, accessible on localhost.
  • As a dev building a database, I can consult an api to better understand the tables needed and how they should be structured.
  • As a dev wanting to work well with others, I make many small commits on clearly named branches that are merged at smart times to master. In this way I continually maintain a working app and have a clear process for how I got there.

V2, hosted.

  • As a remote charlie fan, I can visit a site on the web where I can see pictures of Charlie.
  • As a remote charlie fan, I cannot edit or post any new pictures. I have 'readonly' access to the good man.
  • As a charlie admin, I can log in to the site and see it from the admin's view.
  • As a logged in admin, I can edit any existing photo and its description.
  • As a logged in admin, I can update new photos and confirm they are viewable by reg fans.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.