Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/web-dev-codi/clean-vitejs-javascript-project-scaffolding
Vite project setup using Javascript. App,jsx, index.css, App.css content deleted.
https://github.com/web-dev-codi/clean-vitejs-javascript-project-scaffolding
javascript project react scaffolding template-project vitejs
Last synced: 3 days ago
JSON representation
Vite project setup using Javascript. App,jsx, index.css, App.css content deleted.
- Host: GitHub
- URL: https://github.com/web-dev-codi/clean-vitejs-javascript-project-scaffolding
- Owner: Web-Dev-Codi
- License: mit
- Created: 2024-10-22T07:20:39.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2025-01-15T08:43:46.000Z (about 1 month ago)
- Last Synced: 2025-01-15T10:34:37.241Z (about 1 month ago)
- Topics: javascript, project, react, scaffolding, template-project, vitejs
- Language: JavaScript
- Homepage:
- Size: 48.8 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Vite + React JavaScript Project Scaffold
This is a simplified scaffold for a ViteJS project using **JavaScript**. To save time and focus on your development, the default content in `App.jsx`, `index.css`, and `App.css` has been deleted. Create a public folder if needed.
## Project Structure
```
.
├── public
│ └── (empty)
├── src
│ ├── App.jsx (empty)
│ ├── main.jsx
│ ├── index.css (empty)
│ └── App.css (empty)
├── .gitignore
├── index.html
├── package.json
├── vite.config.js
└── README.md
```
### Changes Made
- **App.jsx**: This file has been cleared to provide a fresh starting point for your app's component structure. It is still required as the main entry for your React components.
- **index.css**: The default styling has been removed. You can add your custom global styles as needed.
- **App.css**: No default styles are present in this file. You can populate it with component-specific styles as you build your app.
## Setup Instructions
1. Clone this repository:
```bash
git clone https://github.com/Web-Dev-Codi/clean-vitejs-Javascript-project-scaffolding
```
2. Install dependencies:
```bash
npm install
```
3. Start the development server:
```bash
npm run dev
```
4. Open the project in your browser at `http://localhost:5173`.
### Adding Your Code
- Start building your app by editing `src/App.jsx`.
- Add your global styles to `src/index.css` and component-specific styles to `src/App.css`.
### Technologies Used
- **ViteJS**: Blazing fast build tool for modern web development.
- **React (JSX)**: Component-based library for building user interfaces.
- **JavaScript**: The programming language used for this scaffold.
### License
This project is open source and available under the [MIT License](LICENSE).
---