trifinbholcombe / kodey-reactnative-sample

0 stars 0 forks source link

Create login screen #1

Open trifinbholcombe opened 4 months ago

trifinbholcombe commented 4 months ago
platform: github

repository-to-work-on: kodey-reactnative-sample

branch name to create: feature/login-signup

Information to agent: Do as the steps below are defined one by one. You are working in github repo so make sure to use tools related to github repo. Do not write comments in the code. Write the code logic inside the methods of classes. Don't leave placeholders in the code. You are being asked to write full code with no comments and no placeholders.
You are being asked to write full code with no comments and no placeholders. You are working in a react native project and you have to create components.
When generating code, make sure to use proper indentations and new lines. The code should be properly indented and new lines should be adjusted properly.

Important Note to agent: Write full code with no comments and no placeholders. Write the full code logic inside the methods of classes. Don't leave placeholders in the code.

Steps:

step 1: Using GithubCreateNewBranch tool, Create a new branch with name <branch name to create> first and then do the steps below.

step 2: Using GithubCreateNewFile tool, Create a new file inside kodey-reactnative-sample/src/component directory that will have component for the signup screen. The file name should be SignupScreen.js.
Signup page should have signup form with username, email, password fields and a signup button. The signup button should be disabled if the username, email or password is empty.
Use proper styling and beautify the form. Use normal html for the fields and not any react components.

step 3: Using GithubCreateNewFile tool, Create a new file inside kodey-reactnative-sample/src/component directory that will have component for the login screen. The file name should be LoginScreen.js.
Login page should have login form for username, password and a login button. The login button should be disabled if the username or password is empty. There should be option for forget password and signup link.
The signup link should navigate to the signup page created above. Use proper styling and beautify the form. Use normal html for the fields and not any react components.

step 4: Using webcrawler tool, understand how routing is done from https://www.geeksforgeeks.org/reactjs-router/ And then apply the understanding to route to newly created components. Using GithubRepositoryGetFile tool, get the content of the file enlytai-react-sample-project/src/App.js and update the App.js file to have the links that navigates to singup and login page created above.
Also the App.js file should have detail about the company with some pictures and text. The company name is Kodey. The company is a software development company. The company is located in St. Petersburg, FL.
The App.js file should have links for login and signup page. The login link should navigate to the login page and the signup link should navigate to the signup page.

step 5: Using GithubCreatePullRequest tool, create a new Pull Request from the above created branch with title "React Native Signup And Login Page".
AtulPatidar1709 commented 4 months ago

Hi @trifinbholcombe, I am interested in this task can you please give me some more details & assign it to me so that I can work on that? Thank You.

trifinbholcombe commented 4 months ago

Hey Atul,

This repo is an example of how we assign tickets to our AI Coding Agent, Kodey. If you are interested to learn more, take a look. https://www.kodey.ai/

Cheers.