search

millerm30 / chore-bucks

Chore Bucks. Kids complete chores for points.
4 stars 0 forks source link
aws-ec2 context-api expressjs nodejs postgresql props-drilling provider-state-management react-router reactjs tailwindcss

readme

App Logo

This is my second project as a student of Get Coding. This web app is written in ReactJS and uses Tailwind for styling for frontend. The backend is created using NodeJS, express and Postgres for my database. Deployment was completed using AWS EC2, RDS (PostgreSQL). I decided on the route for AWS creating the ECS and RDS manually was a much better learning experience to fully understand how AWS operates compaired to going with AWS Elastic Beanstalk. This route also gave me a better understanding of using pm2 for process management (app restarts, crashes, etc..), nginx for managing my frontend directs and backend api calls , and linux in general.

The idea for this app came from dealing with my own daughter and trying to find a way to make completing any chores she was given something that would provide interest for her to complete using technology as she lives and breaths all day! This app allows families to create a fun chore list for kids to complete and earn points towards wish list items that they add to their wish list. Trade in points to pay for their wish list items, allowing kids to learn the value of money in a fun way! Onces the kids purchase their wish list items they will receive an email receipt to provide to their parents for purchase. Their receipt will provide their item with totals and will also show their point balance remaining.

I plan to continually add new features to this app. Stay tunned!

App Screenshot

🚀 About Me

I'm currently a student with Get Coding completing Full Stack Development.

Backend

You can cd into your backend folder and run "npm install" to install all dependancies. You will require psql and create a database prior to running your backend. The backend will create all tables, functions, triggers, etc.. Once your databse is created, run "npm run dev server.js" to run your backend with nodemon.

Frontend

You can cd into your frontend folder and run "npm install" to install all dependancies. Once all dependancies are installed you can continue to run your front end with "npm start"

Runs the app in the development mode.\ Open http://localhost:3000 to view it in your browser.

The page will reload when you make changes.\ You may also see any lint errors in the console.

npm test

Launches the test runner in the interactive watch mode.\ See the section about running tests for more information.

npm run build

Builds the app for production to the build folder.\ It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.\ Your app is ready to be deployed!

See the section about deployment for more information.

Authors