https://github.com/shrikant9907/react-test-task1

React JS Interview Test Task
https://github.com/shrikant9907/react-test-task1

javascript learn learnreact react reactjs reactjstask

Last synced: about 1 year ago
JSON representation

React JS Interview Test Task

• Host: GitHub
• URL: https://github.com/shrikant9907/react-test-task1
• Owner: shrikant9907
• Created: 2022-07-26T05:01:13.000Z (almost 4 years ago)
• Default Branch: master
• Last Pushed: 2024-08-09T06:15:55.000Z (almost 2 years ago)
• Last Synced: 2025-01-25T09:41:49.978Z (over 1 year ago)
• Topics: javascript, learn, learnreact, react, reactjs, reactjstask
• Language: JavaScript
• Homepage: https://shrikant9907.github.io/react-test-task1/
• Size: 1.13 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# React Form with Local Storage and Data Management (Test Task)

## Steps to Run This Project

1. **Install Dependencies**

   - Run `npm install` to install all necessary packages.

2. **Start Project**

   - Run `npm start` to launch the app in development mode.

   - Open [http://localhost:3000](http://localhost:3000) in your browser to view the app.

3. **Create Build**

   - Run `npm run build` to generate a production-ready build.

   - The build will be created in a folder named `build`.

---

## Project Requirements

### 1. Form Creation

- **Fields:**

  - Name

  - Age

  - Occupation

  - Image

  - Address

  - Gender

  - Mobile

  - Phone

- **Conditions:**

  - The mobile number should be unique.

  - No field is required.

### 2. Local Storage

- Use local storage to save all form data.

### 3. Data Management

- **After Submission:**

  - Redirect to a different page displaying a table view of the records.

  - Include the image in the table view.

- **Features:**

  - Ability to delete records.

  - Ability to update records.