# How to Upload and Update a React Project on GitHub Using Drag and Drop

GitHub makes sharing and managing projects easy, even if you’re not technical. If you’ve built a React project and want to upload it to GitHub without using advanced tools like Git, this guide is for you. We'll use GitHub's drag-and-drop feature to upload and update your project.

### **Step 1: Create a GitHub Account**

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1733589866493/f782a816-3a15-477a-adfe-72ac9cfbe1b4.png align="center")

1\. Visit GitHub: Go to GitHub.com.

2\. Sign Up: Click on Sign up in the top-right corner.

3\. Fill in Your Details: Choose a username, email, and password.

4\. Verify Your Email: Check your inbox and confirm your email address.

### **Step 2: Create a New Repository**

1\. Log in to GitHub

2\. Create a Repository:

Click the + icon in the top-right corner and select New repository.

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1733590035084/d0bb4bb5-b38f-4374-8f39-2ba1169961eb.png align="center")

Enter a repository name (e.g., "React-Portfolio").

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1733589977882/f6c52447-b39e-4fc3-92f2-b74adcc637cb.png align="center")

Add an optional description if needed.

Choose between Public (visible to everyone) or Private (only you can access it).

Click Create repository.

### **Step 3: Upload Your React Project**

1\. Build Your React Project

To ensure you're uploading the optimized version of your project:

Open your project in a terminal.

Run the command:

`npm run build`

This will create a build folder in your project directory, which contains the optimized version of your React app.

2\. Upload to GitHub

1\. Open the repository you created on GitHub.

2\. Click `upload existing files`.

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1733590348877/a3279a1a-5af2-41e3-b9f6-e5f8828f735f.png align="center")

3\. Drag and drop the contents of the build folder into the upload area.

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1733590296849/1295a2d5-0f6f-4723-a6aa-2b9dc3876372.png align="center")

4\. Add a commit message (e.g., "Initial upload of React project").

5\. Click Commit changes to finalize the upload

### **Step 4: Update Your React Project**

Whenever you make changes to your React project and need to update it on GitHub, follow these steps:

1\. Build the Updated Project

After making changes, rebuild your project by running:

`npm run build`

This will update the build folder with your latest changes.

2\. Upload the Updated Files

1\. Open your repository on GitHub.

2\. Click Add file > Upload files

3\. Drag and drop the updated files from your build folder.

You can upload only the updated files or replace all files in the repository.

4\. Add a commit message (e.g., "Updated project with new features").

5\. Click Commit changes to save the updates.

### Conclusion

Using GitHub’s drag-and-drop feature, you can easily upload and update your React projects without needing technical tools like Git. This method is beginner-friendly and

perfect for quickly sharing your work online. Keep your repository updated to reflect the latest version of your project.