React-Projects

Welcome to the React-Projects repository! This project is a collection of React applications bundled together using Vite, styled with Tailwind CSS, and enhanced with UI components from ui.shadcn. It's a powerful and flexible setup that allows you to manage and deploy multiple React projects within a single application.

Table of Contents

• Getting Started
• Contributing

Getting Started

Follow these instructions to get the project up and running on your local machine.

1. Clone the repository:

   git clone https://github.com/No0ne003/React-Projects.git

2. Install dependencies:

   npm install

3. Run the development server:

   npm run dev

   This will start the development server, and you can access the application at http://localhost:5173/React-Projects/.

Contributing

Contributions are welcome! If you have any suggestions, improvements, or bug fixes, feel free to open an issue or submit a pull request.

How to Contribute

1. Create a folder for your project:

   • Navigate to the /src/pages/ directory.
   • Create a new folder named after your project.

2. Develop your project within the new folder.

3. Add project details to src/data/project.js:

   {
     id: {unique_id},
     name: {project_name},
     path: {project_path},
     tags: ['{tags}']
   }
   // Example:
   {
     id: 19,
     name: 'Weather App',
     path: 'weather-app',
     tags: ['project']
   }

4. Update routing in app.jsx:

   • Import your project file using React's lazy function:

     const WeatherApp = lazy(() => import("@/pages/Weather-app/index"));

   • Create a route for your project:

     <Route path="weather-app" element={<WeatherApp />} />

     Ensure the path matches the one specified in project.js.

Thank you for contributing!