Plan.md

Part 1
Create a github repo
First commmit
  - Readme file
  - This plan

Part 2 
What will this app do?
  - This app will create a workoutplan for you
  - There will be ready made workout plans for you to select based on number of days you plan to workout during the week
  - There will be the option to create your own workout plan
  - There will be logs you can create to see what you did on each workout day. 
      - You will be able to input any changes to the weight or reps for each workout
  
  - MVP for now you will be able to select from a list of preselected exercises

Part 3
Create a front end
  Setup Next.js
  - create a Next.js app - npx create-next-app@latest
  - initialise node.js project (create a basic package.json file) - npm init -y
  - install dependancies - npm install
  - cd into project folder (default my-app)
  - run server - npm run dev
Create a Header Component
  - create a Components folder in the src folder
  - create a Header folder in the component folder
  - create a HeaderComponent.tsx file
  - create a StylesHeader.module.css file
  - import StyleHeader folder in HeaderComponent file - import styles from "./StylesHeader.module.css"
  - create header component and add to page.tsx
Create a Main Component
Create a Footer Component
Create a Create Workout Plan Page
  - create a CreateWorkoutPlan folder
  - inside folder create a page.tsx file
  - add header and footer components to this file
Create a WorkoutLogs page
Create three navigation buttons in Header component. One button for each page
  - create a link array with href address and text as properties.
  - create a buttoncontainer child of headercomponent which will map the link array properties to each instance of a button component
  - create a button child component of buttoncontainer which will take the href and text props from button container
Create Pre selected Workouts buttons in CreateWorkoutPlan page
  - create a grid with 2 colums
    - first column will display your workout - My Workout Plan section
    - second column will display the exercises you can add to your workout - Pre-Selected Workouts section
    - create 4 buttons for 3day, 4day, 5day and 6day pre selected workout plans.
    - create a data.json file to hold data for the workout plan for now
    - create a textarea in my Workout Plan section. 

Part 4
Create a back-end 
  Create a Server folder
  Server folder
    - Install Express
    - Create a rest API using Express.
    - Create a database using render
    - Create a threedayworkout table in database
    - Connect API to database using pg module