You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
###Description
For this first task, we would like for you to try to become more familiar with the project's file tree and the different places different pieces of code should go. That being said, your task is to create a react page within the file structure that will be filled in later.
You will be creating a test page to help you to learn about how the file structure works.
This will also be your first time cloning the repository to your local computer, creating a branch, and then committing, pushing, and creating a pull request for the branch so please take some time to make sure you know how to complete this process.
Technical Details
1: Clone the repository on your local device and create a branch with the format: (Task Number)-Create-(yourName)Page
2: Go to the branch in vs code or whatever editor you are using and navigate to the applicant tracking application. This will be in Internal-Applications/apps/applicant-tracking. This is the only file you will be working in for this project.
3: Navigate to the app folder within the applicant tracking file: applicant-tracking/app. This folder is where most of the client-side code resides and where the websites file structure is created.
4: As you will see, within app, there are 2 folders: api and applicants. You do not need to worry about api yet, but for this task, you can use applicants as a template of what you will be doing.
5: At this point, it would be good for you to see what the website looks like. To get the project up and running, go to your vs code terminal and run npm install to install dependencies, then run npm run ats-dev. This should start compiling the program, then at the end output a link that says something like 'localhost://3000'. Control click on this link and it will open the project in your browser. After navigating to the project in your browser, you will see that there is a navigation bar on the left that has applicants. If you click on applicants and look at the url bar, you will see that you are now in localhost:3000/applicants. This reflects the file structure in the project's file tree.
6: For your task, create a new folder under applicants: applicant-tracking/app/applicants/. You will name it "test". Within that folder, add a "page.tsx" file and within that file, enter code similar to the code in either of the other 2 page.tsx files except make the text say "This is a test page".
7: Go back to the project in your browser and in the url, add /test to the end of the url string. The page should refresh, and you should see a page that new says "This is a test page".
8: If you were able to complete step 7 without any errors, commit your changes to your branch. Push your changes.
9: Go to github and create a pull request for your branch.
If you have any questions, please reach out to either Eli or Nia in the discord! Good luck!
The text was updated successfully, but these errors were encountered:
###Description
For this first task, we would like for you to try to become more familiar with the project's file tree and the different places different pieces of code should go. That being said, your task is to create a react page within the file structure that will be filled in later.
You will be creating a test page to help you to learn about how the file structure works.
This will also be your first time cloning the repository to your local computer, creating a branch, and then committing, pushing, and creating a pull request for the branch so please take some time to make sure you know how to complete this process.
Technical Details
1: Clone the repository on your local device and create a branch with the format: (Task Number)-Create-(yourName)Page
2: Go to the branch in vs code or whatever editor you are using and navigate to the applicant tracking application. This will be in Internal-Applications/apps/applicant-tracking. This is the only file you will be working in for this project.
3: Navigate to the app folder within the applicant tracking file: applicant-tracking/app. This folder is where most of the client-side code resides and where the websites file structure is created.
4: As you will see, within app, there are 2 folders: api and applicants. You do not need to worry about api yet, but for this task, you can use applicants as a template of what you will be doing.
5: At this point, it would be good for you to see what the website looks like. To get the project up and running, go to your vs code terminal and run npm install to install dependencies, then run npm run ats-dev. This should start compiling the program, then at the end output a link that says something like 'localhost://3000'. Control click on this link and it will open the project in your browser. After navigating to the project in your browser, you will see that there is a navigation bar on the left that has applicants. If you click on applicants and look at the url bar, you will see that you are now in localhost:3000/applicants. This reflects the file structure in the project's file tree.
6: For your task, create a new folder under applicants: applicant-tracking/app/applicants/. You will name it "test". Within that folder, add a "page.tsx" file and within that file, enter code similar to the code in either of the other 2 page.tsx files except make the text say "This is a test page".
7: Go back to the project in your browser and in the url, add
/test
to the end of the url string. The page should refresh, and you should see a page that new says "This is a test page".8: If you were able to complete step 7 without any errors, commit your changes to your branch. Push your changes.
9: Go to github and create a pull request for your branch.
If you have any questions, please reach out to either Eli or Nia in the discord! Good luck!
The text was updated successfully, but these errors were encountered: