diff --git a/README.md b/README.md index d50bf88..a8e54c5 100644 --- a/README.md +++ b/README.md @@ -14,9 +14,10 @@ This workshop involves several technology stacks, therefore it is essential that ### Objectives **Walk through a real-world use case**: - - Building a fitness tracker app from end to end - - Create a full stack of technologies for the infrastructure, frontend, and backend - - Using the latest **GitHub Copilot** features + +- Building a fitness tracker app from end to end +- Create a full stack of technologies for the infrastructure, frontend, and backend +- Using the latest **GitHub Copilot** features ### Key takeaways diff --git a/docs/1_Story/README.md b/docs/1_Story/README.md index eeb205e..8455904 100644 --- a/docs/1_Story/README.md +++ b/docs/1_Story/README.md @@ -24,7 +24,7 @@ In this workshop, you'll: - User authentication and profiles - Activity logging and tracking - Team creation and management -- Competitive leaderboards +- A competitive leaderboard - Personalized workout suggestions ### GitHub Copilot and Copilot Chat diff --git a/docs/3_GettingStarted/3_1_AskCopilotProjectCreation.png b/docs/3_GettingStarted/3_1_AskCopilotProjectCreation.png deleted file mode 100644 index 6c50a3f..0000000 Binary files a/docs/3_GettingStarted/3_1_AskCopilotProjectCreation.png and /dev/null differ diff --git a/docs/3_GettingStarted/3_1_GettingStartedPromptProjectCreation.png b/docs/3_GettingStarted/3_1_GettingStartedPromptProjectCreation.png new file mode 100644 index 0000000..234f353 Binary files /dev/null and b/docs/3_GettingStarted/3_1_GettingStartedPromptProjectCreation.png differ diff --git a/docs/3_GettingStarted/3_2_GettingStartedStepByStep.png b/docs/3_GettingStarted/3_2_GettingStartedStepByStep.png new file mode 100644 index 0000000..22c15af Binary files /dev/null and b/docs/3_GettingStarted/3_2_GettingStartedStepByStep.png differ diff --git a/docs/3_GettingStarted/3_2_StepByStep.png b/docs/3_GettingStarted/3_2_StepByStep.png deleted file mode 100644 index 7dbdbb9..0000000 Binary files a/docs/3_GettingStarted/3_2_StepByStep.png and /dev/null differ diff --git a/docs/3_GettingStarted/3_3_OctoFitTrackerDirTree.png b/docs/3_GettingStarted/3_3_OctoFitTrackerDirTree.png index 82e9072..00eb834 100644 Binary files a/docs/3_GettingStarted/3_3_OctoFitTrackerDirTree.png and b/docs/3_GettingStarted/3_3_OctoFitTrackerDirTree.png differ diff --git a/docs/3_GettingStarted/README.md b/docs/3_GettingStarted/README.md index 0b5d06a..5069dc9 100644 --- a/docs/3_GettingStarted/README.md +++ b/docs/3_GettingStarted/README.md @@ -30,8 +30,10 @@ generate instructions in this order 4. The Django project octofit-tracker directory will have all the backend components for the app 5. Create the django app directly in the directory octofit_tracker/backend 6. Setup the octofit-tracker/frontend directory will store the react app with no subdirectories -7. Install bootstrap and import it -8. Install mongodb via 'apt-get' and setup mongodb with the 'sudo service mongodb start' and 'sudo service mongodb status' +7. install react framework +8. Install bootstrap and import it +9. Commands to install mongodb via 'apt-get' +10. Commands start mongodb with the 'sudo service mongodb start' and 'sudo service mongodb status' Tha directory tree for the OctoFit Tracker App @@ -69,10 +71,35 @@ Let's think about this step by step Important to avoid using public code and we do NOT need to initialize the git repository ``` -![create project plan](./3_1_AskCopilotProjectCreation.png)
+![create project plan](./3_1_GettingStartedPromptProjectCreation.png)
-![step by step](./3_2_StepByStep.png)
+![step by step](./3_2_GettingStartedStepByStep.png)
![octofit-tracker app directory tree](./3_3_OctoFitTrackerDirTree.png)
+### Cheat sheet of commands to use to create the OctoFit Tracker structure + +```bash +mkdir -p octofit-tracker/{backend,frontend} + +python3 -m venv octofit-tracker/backend/venv +source octofit-tracker/backend/venv/bin/activate +pip install -r octofit-tracker/requirements.txt + +django-admin startproject octofit_tracker octofit-tracker/backend + +npx create-react-app octofit-tracker/frontend + +cd ../frontend +npm install bootstrap + +echo "import 'bootstrap/dist/css/bootstrap.min.css';" >> src/index.js + +sudo apt-get update +sudo apt-get install -y mongodb + +sudo service mongodb start +sudo service mongodb status +``` + [:arrow_backward: Previous: Prerequisites and development environment setup](../2_Prerequisites/README.md) | [Next: Let's work on front end stuff :arrow_forward:](../4_FrontEndWork/README.md) \ No newline at end of file diff --git a/docs/4_FrontEndWork/README.md b/docs/4_FrontEndWork/README.md index 021121e..d84a0ff 100644 --- a/docs/4_FrontEndWork/README.md +++ b/docs/4_FrontEndWork/README.md @@ -65,7 +65,7 @@ function App() {