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.

Sign up for GitHub

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

Jump to bottom

transformed the CRA code to Vite configuration code #70

Closed
wants to merge 2 commits into from
Closed

transformed the CRA code to Vite configuration code #70

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
4393a3e
transformed the CRA code to Vite configuration code
May 16, 2024
4208b2d
modified the LEARN.md
May 16, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
22 changes: 12 additions & 10 deletions LEARN.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -28,38 +28,40 @@ npm install
Launch the development server and explore UniCollab:

```bash
npm start
npm run dev
```

Open your browser and visit [http://localhost:3000](http://localhost:3000) to experience UniCollab firsthand.
Open your browser and visit [http://localhost:5173](http://localhost:5173) to experience UniCollab firsthand.

### 4. Test the app
### 4. Test the app

Launch the test runner in the interactive watch mode:

```bash
npm test
```

### 5. Build the app
### 5. Build the app

Build the app for production to the build folder:

```bash
npm build
npm run build
```

This command builds the app for production, bundling React in production mode and optimizing the build for the best performance. The build is minified and the filenames include hashes. Your app is now ready to be deployed!

### 6. Eject the app
### 6. Preview the Build

If you're not satisfied with the build tool and configuration choices and want full control over them, you can eject at any time:
To preview the production build locally, you can use the following command:

```bash
npm eject
npm run serve
```

Note: This is a one-way operation. Once you eject, you can't go back. This command will remove the single-build dependency from your project, copying all the configuration files and transitive dependencies (webpack, Babel, ESLint, etc.) right into your project so you have full control over them. All commands except eject will still work, but they will point to the copied scripts so you can tweak them. It's important to note that you don’t have to ever use eject. The curated feature set is suitable for small and middle deployments, and you shouldn’t feel obligated to use this feature. However, we understand that this tool wouldn’t be useful if you couldn’t customize it when you are ready for it.
### 7. Configuration

If you need to customize the build tool and configuration choices, you can edit the vite.config.js file. Vite offers a more flexible and easier-to-configure setup compared to CRA.

## Key Features

Expand All @@ -84,4 +86,4 @@ UniCollab thrives on community contributions. Here's how you can get involved:

Your feedback is invaluable to me as I strive to improve UniCollab. Whether you have suggestions, bug reports, or just want to say hello, feel free to reach out to @SUGAM-ARORA or open an issue on GitHub.

Start your journey with UniCollab today and be part of a vibrant community that celebrates innovation!
Start your journey with UniCollab today and be part of a vibrant community that celebrates innovation!
13 changes: 13 additions & 0 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>UniCollab</title>
</head>
<body>
<div id="root"></div>
<script type="module" src="/src/main.jsx"></script>
</body>
</html>
Loading