Giter VIP home page Giter VIP logo

my-family's Introduction

License Repo Size TOP_LANGUAGE FORKS Stars

My Family

My Family was inspired by my fiancé Lien Tran. She is the organizer in our family and whenever I ask anything that relate to important documents, she would go through her folders to get it. I want to make something that make it easier for her and this app came to mind.

Built With

Installation

  1. To run this application, the user should fork the repository onto their own GitHub account. In the user's repository, the user should copy the link and clone the repository onto their local system. Navigate to the repository folder using the terminal and run command line npm install
    • $ cd ../my-family
    • $ npm install

  1. Create a .env file in the repository folder and insert in the following lines with the placeholder variables.

    SERVER_SESSION_SECRET="strongPassword"

    Replace strongPassword with a strong password of the user's choice or use https://passwordsgenerator.net/ to generate a password to replace it with.


  1. Create a local postgreSQL database called prime_app with Postico using the command lines from the database.sql file. Using different database systems may require the user to alter or add additional command lines to reflect the example database provided.

  1. To start up the application, enter in the terminal the npm command lines of:

    • npm run server
    • npm run client

    The server should be running on http://localhost:5000 whereas the client should be on http://localhost:3000. Both the server and the client is required to be up and running for the application to run successfully.

Usage

Once the application is up and running, the user should be redirected to the browser with the application loaded. If not, open up a browser and enter in the url:

  • http://localhost:3000

Users of this application will be able to add in their family members and then for each member they can add in their personal document, appointment, or keep track of their body growth.

  • First View of Family Member:

    • This have a table or a chart when user put in the information about family member height, weight, date.
    • This here can mainly be use by caregiver that want to keep track of a child growth.
    • Or as an adult you want to keep track of your body measurements.
    • User can add, edit, and delete the information user put in.
  • Appointment View:

    • User can see a table with appointments that related to that family member.
    • User can add, edit, and delete the appointment.
  • Document View:

    • User can upload, download, and delete document relate to the family member.

Author
Ken Dang

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.