Merge branch 'thinkswell:master' into expenseTracker-Tusharpamnani

Author: tusharpamnani

1Application-frontend/.eslintrc.cjs

@@ -0,0 +1,20 @@
+module.exports = {
+  root: true,
+  env: { browser: true, es2020: true },
+  extends: [
+    'eslint:recommended',
+    'plugin:react/recommended',
+    'plugin:react/jsx-runtime',
+    'plugin:react-hooks/recommended',
+  ],
+  ignorePatterns: ['dist', '.eslintrc.cjs'],
+  parserOptions: { ecmaVersion: 'latest', sourceType: 'module' },
+  settings: { react: { version: '18.2' } },
+  plugins: ['react-refresh'],
+  rules: {
+    'react-refresh/only-export-components': [
+      'warn',
+      { allowConstantExport: true },
+    ],
+  },
+}

1Application-frontend/.gitignore

@@ -0,0 +1,24 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?

1Application-frontend/README.md

@@ -0,0 +1,112 @@
+<h1 align="center" id="title">Javascript Project Showcase</h1>
+
+<p align="center"><img src="https://vitejs.dev/ecosystem-vite4.png" alt="project-image"></p>
+
+<p id="description">Welcome to the MERN JavaScript Project Showcase a single comprehensive website dedicated to presenting a diverse and dynamic collection of projects powered by the MERN (MongoDB Express React Node.js) stack. This platform is designed to be a one-stop destination for developers learners and tech enthusiasts to explore a wide array of web applications tools and solutions all developed using the MERN stack.</p>
+
+  
+  
+<h2>🧐 Features</h2>
+
+Here're some of the project's best features:
+
+*   Diverse Project Portfolio: Explore a rich array of projects including web applications APIs and full-stack solutions each demonstrating the capabilities of the MERN stack.
+*   In-Depth Documentation: Every project is accompanied by detailed documentation offering insights into its features architecture and usage.
+*   Search and Filter: Easily find projects by name category technology stack or specific features making it simple to discover projects aligned with your interests.
+*   ontributions: Contribute your own MERN stack projects to the showcase allowing others to learn from and be inspired by your work.
+*   Community Interaction: Engage with the MERN development community by discussing projects sharing feedback asking questions and fostering collaboration.
+
+<h2>🛠️ Installation Steps:</h2>
+
+<p>1. Fork the repo</p>
+
+```
+Fork
+```
+
+<p>2. clone the repo</p>
+
+```
+git clone url
+```
+
+<p>3. sync always</p>
+
+```
+git sync
+```
+
+<p>4. Go to main folder</p>
+
+```
+cd 1Application-frontend
+```
+
+<p>5. Install dependencencies</p>
+
+```
+npm install
+```
+
+<p>6. start the server</p>
+
+```
+npm run dev
+```
+
+<h2>🍰 Contribution Guidelines:</h2>
+
+We appreciate your interest in contributing to the JavaScript Project Showcase. To ensure a smooth and collaborative experience for everyone please follow these guidelines:  
+
+* * *
+
+*   Before You Start :  
+    Fork the Repository: To get started fork the repository to your GitHub account.  
+    Clone the Repository:  
+    After forking clone the repository to your local machine using git clone.  
+    Stay Updated:  
+    Regularly sync your forked repository with the main repository using git sync. This keeps your fork up-to-date with the latest changes.  
+    
+    * * *
+    
+*   Contributing a Project  
+    **Create a New Branch: Always create a new branch for your contribution. Use a descriptive name for the branch like feature/new-project or fix/bug-fix.  
+    **Project Documentation: Ensure that your project comes with detailed documentation. This should include instructions on how to set up and run the project locally.  
+    **Code Quality: Maintain good code quality by adhering to best practices and coding standards. Ensure your code is clean and well-documented.  
+    **Testing: If applicable provide unit tests for your code to maintain its stability.  
+    **Respect Licensing: Ensure that your project complies with open-source licenses. Only contribute projects for which you have the rights and permissions.  
+    **No Spamming: Do not add spammy offensive or irrelevant content to the showcase. Contributions should be meaningful and useful to the community.  
+    ************
+*   ******Submitting a Pull Request  
+    **Open a Pull Request: When you are ready to submit your contribution open a pull request to the main repository.  
+    **Clear Description: Provide a clear and concise description of your project or contribution. Include the purpose features and any additional information that would be helpful.  
+    **Review and Feedback: Be open to feedback and discussions during the review process. Your contribution may be refined based on community input.  
+    **License Agreement: By contributing you agree that your work will be licensed under the project's open-source license.  
+    **No Plagiarism: Do not submit projects that are not your own and always give credit to sources when necessary.  
+    **Maintain Respect: Be respectful and professional when communicating with other contributors and maintain a positive and inclusive atmosphere.  
+    ******************
+*   ******Community Interaction  
+    Engage Responsibly: Participate in discussions and collaborate with other community members respectfully and constructively.  
+    No Harassment or Spam: Do not engage in harassment spam or any form of disruptive behavior. Report any such behavior to the maintainers.**  
+    Share Your Feedback: Share your feedback questions and suggestions with others to help improve the showcase.**
+    
+      
+      
+    <h2>💻 Built with</h2>
+    
+    Technologies used in the project:
+    
+    *   HTML
+    *   CSS
+    *   Javascript
+    *   React
+    *   Express
+    *   Rest Api's
+    
+    
+    
+    **********
+
+
+
+

1Application-frontend/index.html

@@ -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>Vite + React</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.jsx"></script>
+  </body>
+</html>