From 92334535a63cbe434735fede7c5e553435c9cea4 Mon Sep 17 00:00:00 2001 From: Ari LiVigni Date: Fri, 25 Oct 2024 19:53:29 +0000 Subject: [PATCH 1/3] Refactor navigation links and update leaderboard name --- README.md | 7 +-- docs/1_Story/README.md | 2 +- docs/3_GettingStarted/README.md | 30 ++++++++++- docs/4_FrontEndWork/README.md | 2 +- docs/5_BackendSettings/README.md | 50 ++++++++++++------- docs/6_PopulateDBwData/README.md | 34 +++++++------ docs/7_CodespaceDjangoRESTFramework/README.md | 8 +-- 7 files changed, 90 insertions(+), 43 deletions(-) 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/README.md b/docs/3_GettingStarted/README.md index 0b5d06a..0175481 100644 --- a/docs/3_GettingStarted/README.md +++ b/docs/3_GettingStarted/README.md @@ -30,8 +30,9 @@ 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. Install mongodb via 'apt-get' and setup mongodb with the 'sudo service mongodb start' and 'sudo service mongodb status' Tha directory tree for the OctoFit Tracker App @@ -75,4 +76,29 @@ Important to avoid using public code and we do NOT need to initialize the git re ![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} + +cd octofit-tracker/backend +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 . + +touch octofit_tracker/{models,serializers,views}.py + +cd ../frontend +npx create-react-app . +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() {