diff --git a/curriculum/challenges/english/05-back-end-development-and-apis/back-end-development-and-apis-projects/exercise-tracker.md b/curriculum/challenges/english/05-back-end-development-and-apis/back-end-development-and-apis-projects/exercise-tracker.md index c47f46125b6..2572961bb4c 100644 --- a/curriculum/challenges/english/05-back-end-development-and-apis/back-end-development-and-apis-projects/exercise-tracker.md +++ b/curriculum/challenges/english/05-back-end-development-and-apis/back-end-development-and-apis-projects/exercise-tracker.md @@ -11,17 +11,9 @@ dashedName: exercise-tracker Build a full stack JavaScript app that is functionally similar to this: https://exercise-tracker.freecodecamp.rocks. Working on this project will involve you writing your code using one of the following methods: - Clone this GitHub repo and complete your project locally. -- Use our Replit starter project to complete your project. +- Use our Gitpod starter project to complete your project. - Use a site builder of your choice to complete the project. Be sure to incorporate all the files from our GitHub repo. -If you use Replit, follow these steps to set up the project: - -- Start by importing the project on Replit. -- Next, you will see a `.replit` window. -- Select `Use run command` and click the `Done` button. - -When you are done, make sure a working demo of your project is hosted somewhere public. Then submit the URL to it in the Solution Link field. Optionally, also submit a link to your project's source code in the GitHub Link field. - # --instructions-- Your responses should have the following structures. diff --git a/curriculum/challenges/english/05-back-end-development-and-apis/back-end-development-and-apis-projects/file-metadata-microservice.md b/curriculum/challenges/english/05-back-end-development-and-apis/back-end-development-and-apis-projects/file-metadata-microservice.md index 2fd385b7ce2..b8e7d713e08 100644 --- a/curriculum/challenges/english/05-back-end-development-and-apis/back-end-development-and-apis-projects/file-metadata-microservice.md +++ b/curriculum/challenges/english/05-back-end-development-and-apis/back-end-development-and-apis-projects/file-metadata-microservice.md @@ -11,17 +11,9 @@ dashedName: file-metadata-microservice Build a full stack JavaScript app that is functionally similar to this: https://file-metadata-microservice.freecodecamp.rocks. Working on this project will involve you writing your code using one of the following methods: - Clone this GitHub repo and complete your project locally. -- Use our Replit starter project to complete your project. +- Use our Gitpod starter project to complete your project. - Use a site builder of your choice to complete the project. Be sure to incorporate all the files from our GitHub repo. -If you use Replit, follow these steps to set up the project: - -- Start by importing the project on Replit. -- Next, you will see a `.replit` window. -- Select `Use run command` and click the `Done` button. - -When you are done, make sure a working demo of your project is hosted somewhere public. Then submit the URL to it in the Solution Link field. Optionally, also submit a link to your project's source code in the GitHub Link field. - # --instructions-- **HINT:** You can use the `multer` npm package to handle file uploading. diff --git a/curriculum/challenges/english/05-back-end-development-and-apis/back-end-development-and-apis-projects/request-header-parser-microservice.md b/curriculum/challenges/english/05-back-end-development-and-apis/back-end-development-and-apis-projects/request-header-parser-microservice.md index fdb87d75856..6229eab5bf7 100644 --- a/curriculum/challenges/english/05-back-end-development-and-apis/back-end-development-and-apis-projects/request-header-parser-microservice.md +++ b/curriculum/challenges/english/05-back-end-development-and-apis/back-end-development-and-apis-projects/request-header-parser-microservice.md @@ -11,17 +11,9 @@ dashedName: request-header-parser-microservice Build a full stack JavaScript app that is functionally similar to this: https://request-header-parser-microservice.freecodecamp.rocks/. Working on this project will involve you writing your code using one of the following methods: - Clone this GitHub repo and complete your project locally. -- Use our Replit starter project to complete your project. +- Use our Gitpod starter project to complete your project. - Use a site builder of your choice to complete the project. Be sure to incorporate all the files from our GitHub repo. -If you use Replit, follow these steps to set up the project: - -- Start by importing the project on Replit. -- Next, you will see a `.replit` window. -- Select `Use run command` and click the `Done` button. - -When you are done, make sure a working demo of your project is hosted somewhere public. Then submit the URL to it in the Solution Link field. Optionally, also submit a link to your project's source code in the GitHub Link field. - # --hints-- You should provide your own project, not the example URL. diff --git a/curriculum/challenges/english/05-back-end-development-and-apis/back-end-development-and-apis-projects/timestamp-microservice.md b/curriculum/challenges/english/05-back-end-development-and-apis/back-end-development-and-apis-projects/timestamp-microservice.md index 68938e90273..f8f85c599b4 100644 --- a/curriculum/challenges/english/05-back-end-development-and-apis/back-end-development-and-apis-projects/timestamp-microservice.md +++ b/curriculum/challenges/english/05-back-end-development-and-apis/back-end-development-and-apis-projects/timestamp-microservice.md @@ -11,17 +11,9 @@ dashedName: timestamp-microservice Build a full stack JavaScript app that is functionally similar to this: https://timestamp-microservice.freecodecamp.rocks. Working on this project will involve you writing your code using one of the following methods: - Clone this GitHub repo and complete your project locally. -- Use our Replit starter project to complete your project. +- Use our Gitpod starter project to complete your project. - Use a site builder of your choice to complete the project. Be sure to incorporate all the files from our GitHub repo. -If you use Replit, follow these steps to set up the project: - -- Start by importing the project on Replit. -- Next, you will see a `.replit` window. -- Select `Use run command` and click the `Done` button. - -When you are done, make sure a working demo of your project is hosted somewhere public. Then submit the URL to it in the Solution Link field. Optionally, also submit a link to your project's source code in the GitHub Link field. - **Note:** Time zones conversion is not a purpose of this project, so assume all sent valid dates will be parsed with `new Date()` as GMT dates. # --hints-- diff --git a/curriculum/challenges/english/05-back-end-development-and-apis/back-end-development-and-apis-projects/url-shortener-microservice.md b/curriculum/challenges/english/05-back-end-development-and-apis/back-end-development-and-apis-projects/url-shortener-microservice.md index b350b025b02..0e419f98bca 100644 --- a/curriculum/challenges/english/05-back-end-development-and-apis/back-end-development-and-apis-projects/url-shortener-microservice.md +++ b/curriculum/challenges/english/05-back-end-development-and-apis/back-end-development-and-apis-projects/url-shortener-microservice.md @@ -11,17 +11,9 @@ dashedName: url-shortener-microservice Build a full stack JavaScript app that is functionally similar to this: https://url-shortener-microservice.freecodecamp.rocks. Working on this project will involve you writing your code using one of the following methods: - Clone this GitHub repo and complete your project locally. -- Use our Replit starter project to complete your project. +- Use our Gitpod starter project to complete your project. - Use a site builder of your choice to complete the project. Be sure to incorporate all the files from our GitHub repo. -If you use Replit, follow these steps to set up the project: - -- Start by importing the project on Replit. -- Next, you will see a `.replit` window. -- Select `Use run command` and click the `Done` button. - -When you are done, make sure a working demo of your project is hosted somewhere public. Then submit the URL to it in the Solution Link field. Optionally, also submit a link to your project's source code in the GitHub Link field. - # --instructions-- **HINT:** Do not forget to use a body parsing middleware to handle the POST requests. Also, you can use the function `dns.lookup(host, cb)` from the `dns` core module to verify a submitted URL. diff --git a/curriculum/challenges/english/05-back-end-development-and-apis/basic-node-and-express/meet-the-node-console.md b/curriculum/challenges/english/05-back-end-development-and-apis/basic-node-and-express/meet-the-node-console.md index c3bb31b3df2..f8a3fed2f28 100644 --- a/curriculum/challenges/english/05-back-end-development-and-apis/basic-node-and-express/meet-the-node-console.md +++ b/curriculum/challenges/english/05-back-end-development-and-apis/basic-node-and-express/meet-the-node-console.md @@ -11,20 +11,12 @@ dashedName: meet-the-node-console Working on these challenges will involve you writing your code using one of the following methods: - Clone this GitHub repo and complete these challenges locally. -- Use our Replit starter project to complete these challenges. +- Use our Gitpod starter project to complete these challenges. - Use a site builder of your choice to complete the project. Be sure to incorporate all the files from our GitHub repo. -If you use Replit, follow these steps to set up the project: - -- Start by importing the project on Replit. -- Next, you will see a `.replit` window. -- Select `Use run command` and click the `Done` button. - -When you are done, make sure a working demo of your project is hosted somewhere public. Then submit the URL to it in the Solution Link field. - During the development process, it is important to be able to check what’s going on in your code. -Node is just a JavaScript environment. Like client side JavaScript, you can use the console to display useful debug information. On your local machine, you would see console output in a terminal. On Replit, a terminal is open in the right pane by default. +Node is just a JavaScript environment. Like client side JavaScript, you can use the console to display useful debug information. On your local machine, you would see console output in a terminal. On Gitpod, a terminal is open at the bottom of the editor by default. We recommend to keep the terminal open while working at these challenges. By reading the output in the terminal, you can see any errors that may occur. diff --git a/curriculum/challenges/english/05-back-end-development-and-apis/basic-node-and-express/start-a-working-express-server.md b/curriculum/challenges/english/05-back-end-development-and-apis/basic-node-and-express/start-a-working-express-server.md index e8e3e82fc5a..0e9f2f55646 100644 --- a/curriculum/challenges/english/05-back-end-development-and-apis/basic-node-and-express/start-a-working-express-server.md +++ b/curriculum/challenges/english/05-back-end-development-and-apis/basic-node-and-express/start-a-working-express-server.md @@ -22,7 +22,7 @@ will serve the string 'Response String'. # --instructions-- -Use the `app.get()` method to serve the string "Hello Express" to GET requests matching the `/` (root) path. Be sure that your code works by looking at the logs, then see the results in the preview if you are using Replit. +Use the `app.get()` method to serve the string "Hello Express" to GET requests matching the `/` (root) path. Be sure that your code works by looking at the logs, then see the results in the preview if you are using Gitpod. **Note:** All the code for these lessons should be added in between the few lines of code we have started you off with. diff --git a/curriculum/challenges/english/05-back-end-development-and-apis/basic-node-and-express/use-the-.env-file.md b/curriculum/challenges/english/05-back-end-development-and-apis/basic-node-and-express/use-the-.env-file.md index 18ecaf24375..2a34ed540da 100644 --- a/curriculum/challenges/english/05-back-end-development-and-apis/basic-node-and-express/use-the-.env-file.md +++ b/curriculum/challenges/english/05-back-end-development-and-apis/basic-node-and-express/use-the-.env-file.md @@ -20,8 +20,6 @@ Create a `.env` file in the root of your project directory, and store the variab Then, in the `/json` GET route handler you created in the last challenge access `process.env.MESSAGE_STYLE` and transform the response object's `message` to uppercase if the variable equals `uppercase`. The response object should either be `{"message": "Hello json"}` or `{"message": "HELLO JSON"}`, depending on the `MESSAGE_STYLE` value. Note that you must read the value of `process.env.MESSAGE_STYLE` **inside** the route handler, not outside of it, due to the way our tests run. -**Note:** If you are using Replit, you cannot create a `.env` file. Instead, use the built-in SECRETS tab to add the variable. - If you are working locally, you will need the `dotenv` package. It loads environment variables from your `.env` file into `process.env`. The `dotenv` package has already been installed, and is in your project's `package.json` file. At the top of your `myApp.js` file, add `require('dotenv').config()` to load the environment variables. # --hints-- diff --git a/curriculum/challenges/english/05-back-end-development-and-apis/managing-packages-with-npm/how-to-use-package.json-the-core-of-any-node.js-project-or-npm-package.md b/curriculum/challenges/english/05-back-end-development-and-apis/managing-packages-with-npm/how-to-use-package.json-the-core-of-any-node.js-project-or-npm-package.md index 0c763032f10..0214e90bb06 100644 --- a/curriculum/challenges/english/05-back-end-development-and-apis/managing-packages-with-npm/how-to-use-package.json-the-core-of-any-node.js-project-or-npm-package.md +++ b/curriculum/challenges/english/05-back-end-development-and-apis/managing-packages-with-npm/how-to-use-package.json-the-core-of-any-node.js-project-or-npm-package.md @@ -11,17 +11,9 @@ dashedName: how-to-use-package-json-the-core-of-any-node-js-project-or-npm-packa Working on these challenges will involve you writing your code using one of the following methods: - Clone this GitHub repo and complete these challenges locally. -- Use our Replit starter project to complete these challenges. +- Use our Gitpod starter project to complete these challenges. - Use a site builder of your choice to complete the project. Be sure to incorporate all the files from our GitHub repo. -If you use Replit, follow these steps to set up the project: - -- Start by importing the project on Replit. -- Next, you will see a `.replit` window. -- Select `Use run command` and click the `Done` button. - -When you are done, make sure a working demo of your project is hosted somewhere public. Then submit the URL to it in the Solution Link field. - The `package.json` file is the center of any Node.js project or npm package. It stores information about your project, similar to how the `head` section of an HTML document describes the content of a webpage. It consists of a single JSON object where information is stored in key-value pairs. There are only two required fields; `name` and `version`, but it’s good practice to provide additional information about your project that could be useful to future users or maintainers. If you look at the file tree of your project, you will find the `package.json` file on the top level of the tree. This is the file that you will be improving in the next couple of challenges. @@ -38,6 +30,8 @@ Add your name as the `author` of the project in the `package.json` file. **Note:** Remember that you’re writing JSON, so all field names must use double-quotes (") and be separated with a comma (,). +If you are using Gitpod, make sure the app is running and the preview window is open. Copy the preview window's URL and paste it into the Solution Link input below. + # --hints-- `package.json` should have a valid "author" key diff --git a/curriculum/challenges/english/05-back-end-development-and-apis/mongodb-and-mongoose/create-a-model.md b/curriculum/challenges/english/05-back-end-development-and-apis/mongodb-and-mongoose/create-a-model.md index b31049d5b75..546daab373e 100644 --- a/curriculum/challenges/english/05-back-end-development-and-apis/mongodb-and-mongoose/create-a-model.md +++ b/curriculum/challenges/english/05-back-end-development-and-apis/mongodb-and-mongoose/create-a-model.md @@ -12,7 +12,7 @@ dashedName: create-a-model First of all, we need a Schema. Each schema maps to a MongoDB collection. It defines the shape of the documents within that collection. Schemas are building blocks for Models. They can be nested to create complex models, but in this case, we'll keep things simple. A model allows you to create instances of your objects, called documents. -Replit is a real server, and in real servers, the interactions with the database happen in handler functions. These functions are executed when some event happens (e.g. someone hits an endpoint on your API). We’ll follow the same approach in these exercises. The `done()` function is a callback that tells us that we can proceed after completing an asynchronous operation such as inserting, searching, updating, or deleting. It's following the Node convention, and should be called as `done(null, data)` on success, or `done(err)` on error. +Gitpod is a real server, and in real servers, the interactions with the database happen in handler functions. These functions are executed when some event happens (e.g. someone hits an endpoint on your API). We’ll follow the same approach in these exercises. The `done()` function is a callback that tells us that we can proceed after completing an asynchronous operation such as inserting, searching, updating, or deleting. It's following the Node convention, and should be called as `done(null, data)` on success, or `done(err)` on error. Warning - When interacting with remote services, errors may occur! diff --git a/curriculum/challenges/english/05-back-end-development-and-apis/mongodb-and-mongoose/install-and-set-up-mongoose.md b/curriculum/challenges/english/05-back-end-development-and-apis/mongodb-and-mongoose/install-and-set-up-mongoose.md index acccf228e3c..16a7116a867 100644 --- a/curriculum/challenges/english/05-back-end-development-and-apis/mongodb-and-mongoose/install-and-set-up-mongoose.md +++ b/curriculum/challenges/english/05-back-end-development-and-apis/mongodb-and-mongoose/install-and-set-up-mongoose.md @@ -11,17 +11,9 @@ dashedName: install-and-set-up-mongoose Working on these challenges will involve you writing your code using one of the following methods: - Clone this GitHub repo and complete these challenges locally. -- Use our Replit starter project to complete these challenges. +- Use our Gitpod starter project to complete these challenges. - Use a site builder of your choice to complete the project. Be sure to incorporate all the files from our GitHub repo. -If you use Replit, follow these steps to set up the project: - -- Start by importing the project on Replit. -- Next, you will see a `.replit` window. -- Select `Use run command` and click the `Done` button. - -When you are done, make sure a working demo of your project is hosted somewhere public. Then submit the URL to it in the Solution Link field. - In this challenge, you will set up a MongoDB Atlas database and import the required packages to connect to it. Follow this tutorial to set up a hosted database on MongoDB Atlas. @@ -30,8 +22,6 @@ Follow SECRETS tab to add the variable. Do not surround the values with quotes when using the SECRETS tab. - When you are done, connect to the database by calling the `connect` method within your `myApp.js` file by using the following syntax: ```js