{"id":15131583,"url":"https://github.com/omar-mazen/create-react-vite-project-script","last_synced_at":"2026-01-28T16:34:15.316Z","repository":{"id":255977850,"uuid":"854026200","full_name":"omar-mazen/Create-React-Vite-Project-Script","owner":"omar-mazen","description":"This script automates the setup of a new React project using Vite, along with optional installations of various libraries (tailwind CSS, framer-motion, GSAP, React Query, Toastify, AXIOS. Date Fns, React Hook Form). It also configures ESLint and Vite for your project.","archived":false,"fork":false,"pushed_at":"2024-09-09T04:43:34.000Z","size":20,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-05T21:13:42.234Z","etag":null,"topics":["axios","axios-react","date-fns","eslin","framer-motion","gsap","react","react-router","reacthookform","reactjs","reactquery","tailwindcss","tanstack-react-query","vite","vite-react"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/omar-mazen.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-09-08T07:48:22.000Z","updated_at":"2024-09-09T04:44:09.000Z","dependencies_parsed_at":"2024-10-31T12:37:48.613Z","dependency_job_id":null,"html_url":"https://github.com/omar-mazen/Create-React-Vite-Project-Script","commit_stats":null,"previous_names":["omar-mazen/create-react-vite-project-script"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/omar-mazen%2FCreate-React-Vite-Project-Script","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/omar-mazen%2FCreate-React-Vite-Project-Script/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/omar-mazen%2FCreate-React-Vite-Project-Script/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/omar-mazen%2FCreate-React-Vite-Project-Script/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/omar-mazen","download_url":"https://codeload.github.com/omar-mazen/Create-React-Vite-Project-Script/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247399886,"owners_count":20932880,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["axios","axios-react","date-fns","eslin","framer-motion","gsap","react","react-router","reacthookform","reactjs","reactquery","tailwindcss","tanstack-react-query","vite","vite-react"],"created_at":"2024-09-26T04:00:29.113Z","updated_at":"2026-01-28T16:34:15.309Z","avatar_url":"https://github.com/omar-mazen.png","language":"JavaScript","readme":"# Create React Vite Project Script\n\nThis script automates the setup of a new React project using Vite, along with optional installations of various libraries. It also configures ESLint and Vite for your project.\n\n![image](https://github.com/user-attachments/assets/74074a39-7f62-404b-8c39-e3b175df9a80)\n\n## Features\n\n- Creates a new Vite project with React template\n- Installs optional libraries based on user input\n- Configures ESLint and Vite with the appropriate plugins and settings\n- Sets up project structure and initial files\n- Clear and update the App.jsx and index.css.\n- Delete unnecessary files and folders.\n- Opens the project in Visual Studio Code\n\n## Prerequisites\n\nEnsure you have the following installed:\n- Node.js (latest LTS version)\n- npm (Node Package Manager)\n- Visual Studio Code (optional, for opening the project)\n\n## Usage\n\n1. **Clone this repository:**\n\n   ```bash\n   git clone https://github.com/your-username/your-repository.git\n   cd your-repository\n   ```\n\n2. **Make the script executable (on Unix-based systems):**\n\n   ```bash\n   chmod +x create-react-vite-project.js\n   ```\n\n3. **Run the script:**\n\n   ```bash\n   node create-react-vite-project.js\n   ```\n\n4. **Follow the prompts to set up your project.**\n\n## Script Overview\n\n### 1. Asking for Project Details\n\nThe script will first prompt you for:\n- The name of your project\n- Whether to install additional libraries (Tailwind CSS, Framer Motion, GSAP, etc.)\n\n### 2. Setting Up the Project\n\nBased on your responses:\n- A new Vite project will be created with the React template.\n- Libraries you chose will be installed.\n- ESLint and Vite configuration files will be set up.\n\n### 3. Project Configuration\n\n- **ESLint Configuration:** `.eslintrc.cjs`\n- **Vite Configuration:** `vite.config.js`\n- **File and Directory Structure:** Creates necessary directories and updates key files (e.g., `App.jsx`, `index.css`).\n\n### 4. Final Steps\n\n- Opens the newly created project in Visual Studio Code (optional).\n\n## Example\n\nHere is how the script will execute:\n\n```plaintext\nEnter the name of your project: my-react-app\nInstall Tailwind CSS? (y/n): y\nInstall Framer Motion? (y/n): n\nInstall GSAP? (y/n): y\nInstall React Query? (y/n): y\n...\n```\n\n## Troubleshooting\n\n- **Dependency Conflicts:** If you encounter dependency conflicts, you may need to use the `--legacy-peer-deps` option with npm commands.\n\n- **File Permissions:** Ensure the script has execute permissions (on Unix-based systems) using `chmod +x create-react-vite-project.js`.\n\n## Contributing\n\nFeel free to submit issues or pull requests to improve the script.\n\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fomar-mazen%2Fcreate-react-vite-project-script","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fomar-mazen%2Fcreate-react-vite-project-script","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fomar-mazen%2Fcreate-react-vite-project-script/lists"}