diff --git a/.gitignore b/.gitignore new file mode 100644 index 000000000..4d29575de --- /dev/null +++ b/.gitignore @@ -0,0 +1,23 @@ +# See https://help.github.com/articles/ignoring-files/ for more about ignoring files. + +# dependencies +/node_modules +/.pnp +.pnp.js + +# testing +/coverage + +# production +/build + +# misc +.DS_Store +.env.local +.env.development.local +.env.test.local +.env.production.local + +npm-debug.log* +yarn-debug.log* +yarn-error.log* diff --git a/instructions/assets/section-1/lesson-1-1-clone.png b/instructions/assets/section-1/lesson-1-1-clone.png deleted file mode 100644 index 4f999d559..000000000 Binary files a/instructions/assets/section-1/lesson-1-1-clone.png and /dev/null differ diff --git a/instructions/assets/section-1/lesson-1-1-fork.png b/instructions/assets/section-1/lesson-1-1-fork.png deleted file mode 100644 index 802ebea1c..000000000 Binary files a/instructions/assets/section-1/lesson-1-1-fork.png and /dev/null differ diff --git a/instructions/assets/section-1/lesson-1-1-result.png b/instructions/assets/section-1/lesson-1-1-result.png deleted file mode 100644 index de708189f..000000000 Binary files a/instructions/assets/section-1/lesson-1-1-result.png and /dev/null differ diff --git a/instructions/section-1/lesson-1-1.md b/instructions/section-1/lesson-1-1.md deleted file mode 100644 index a304e88c1..000000000 --- a/instructions/section-1/lesson-1-1.md +++ /dev/null @@ -1,129 +0,0 @@ -[< Back to Overview](../../README.md) - -# Lesson 1.1: Introduction - -This assignment will teach you the following: - -- Hello React -- Project Setup -- React components -- JSX in React -- Lists in React - ---- - -## Instructions - -### Getting Started: - -Fork this GitHub repository to create your own working version: - -https://github.com/Code-the-Dream-School/ctd-react-egret - -After completing the steps, you should be directed to your forked GitHub repository: - -![Fork Assignment](../assets/section-1/lesson-1-1-fork.png) - -Click the "Code" button and copy the URL for your repository: - -![Clone Assignment](../assets/section-1/lesson-1-1-clone.png) - -Clone this repository so that the code is available on your local machine: - -> Hint: Run this command from the directory where you want to store your code - -> Note: Replace `` with the URL you copied in the previous step - - git clone - -Navigate to the directory you just cloned in your terminal: - - cd ctd-react-egret - -Create a new local branch to work on separate from the `main` branch: - - git checkout -b lesson-1-1 - -Now, open the project directory in your code editor and continue to the next section. - -### Task List: - -#### Project Setup - -In your terminal, use the `create-react-app` script to generate a new React project: - -> Note: the `.` specifies that the app should be created in the same directory and the `--template` specifies what project template to use - - npx create-react-app . --template minimal - -Replace the new auto-generated README with the "old" version: - - mv README.old.md README.md - -Install project dependencies (this may take a few minutes): - - yarn - -Run the application: - - yarn start - -#### React Components and JSX - -- [ ] Open the `src/App.js` file -- [ ] Remove the existing JSX from the component -- [ ] Create a level-one heading that says "Todo List" -- [ ] Create an unordered list (`