Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Create test page 3 #237

Open
efisk15 opened this issue Oct 10, 2024 · 0 comments
Open

Create test page 3 #237

efisk15 opened this issue Oct 10, 2024 · 0 comments

Comments

@efisk15
Copy link
Collaborator

efisk15 commented Oct 10, 2024

###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!

@efisk15 efisk15 added this to the ats24-sprint0 milestone Oct 10, 2024
@jubin-vjk jubin-vjk self-assigned this Oct 16, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

When branches are created from issues, their pull requests are automatically linked.

2 participants