Skip to content

ZooeyMiller/react-todo-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

29 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React todo app

What?

A basic todo app built with react, with an aim to have high test coverage.

Why?

I've built two react projects following tutorials, and one as part of a 4 person team, but I want to try building something from scratch (well, still bootstrapped with create-react-app), without a tutorial, on my own. Also a nice way to practice my CSS.

How?

Exactly like this.

React on the front end, with:

  • styled-components 💅 for sensible css-in-js.
  • flow ✅ for types.

Aaaaand a hapi.js server with postgreSQL database for the API to store data.

How do I run it locally

  1. run psql and make a database called whatever you want (I chose todo_app). Once you've done this you can close psql.
  2. make a file in the root of the project called .config.env
  • add 'DATABASE_URL=your psql pword:your psql username@127.0.0.1/whatever you called the db'
  1. run node database/db_build.js in another terminal window
  2. npm run runServer
  3. npm start
  4. You should now have 2 active terminal windows/tabs.
  • 1 running the react app
  • 1 running the node server

About

A todo app with React without using tutorials.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published