Main

.dockerignore

@@ -0,0 +1,31 @@
+# Node modules
+node_modules
+
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Build output
+build
+dist
+
+# Dependency directories
+jspm_packages/
+
+# Environment variables
+.env
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+# Miscellaneous
+.DS_Store
+*.swp
+*.swo
+.idea/
+.vscode/
+*.iml

.gitignore

@@ -1 +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?

Dockerfile

@@ -0,0 +1,26 @@
+FROM node:23-alpine as builder
+
+WORKDIR /usr/src/app
+
+COPY package* ./
+
+RUN npm install
+
+COPY . .
+
+# Build the project
+RUN npm run build
+
+FROM nginx:stable-alpine
+
+# Copy conf file  
+COPY nginx.conf /etc/nginx/conf.d/default.conf
+
+# Remove default nginx index page
+RUN rm -rf /usr/share/nginx/html/*
+
+# Copy build files from stage 1
+COPY --from=builder /usr/src/app/dist /usr/share/nginx/html
+
+EXPOSE 80
+CMD ["nginx", "-g", "daemon off;"]

LICENSE.md

@@ -0,0 +1,23 @@
+```
+MIT License
+
+Copyright (c) [YEAR] [AUTHOR]
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+```

README.md

@@ -1,45 +1,59 @@
-# Github User Finder App - Vue JS and Vuesax ⚡️
+# Vue Data Structures and Algorithms
 
-## Project Briefing
-
-Inspired by the Github Finder app written by Brad Traversy in React. This is the Vue version of the app with pretty much the same features as the one created by Brad here [Github Finder by Brad Traversy](https://github.com/bradtraversy/github-finder). This uses Vuesax UI library in Vue for UI components.
-
-Made with ❤️ by **[@apfirebolt](https://github.com/Apfirebolt/)**
-## Features
-
-- Makes use of Github public API to search for users and repositories on Github. 
-- Github Search User functionality is provided.
-- Search detail results is available for each user where you can see various details of the user and the recent repositories on which the user has worked on.
-- Vuesax components used for Cards, Buttons, Grids and More in this app. 
+A simple dinosaur info app to show dino data in form of table using ag-grid and related libraries.
 
-## Built With
+![Vue.js](https://img.shields.io/badge/Vue.js-35495E?style=for-the-badge&logo=vue.js&logoColor=4FC08D)
+![Vite](https://img.shields.io/badge/Vite-646CFF?style=for-the-badge&logo=vite&logoColor=white)
+![JavaScript](https://img.shields.io/badge/JavaScript-F7DF1E?style=for-the-badge&logo=javascript&logoColor=black)
+![HTML5](https://img.shields.io/badge/HTML5-E34F26?style=for-the-badge&logo=html5&logoColor=white)
+![CSS3](https://img.shields.io/badge/CSS3-1572B6?style=for-the-badge&logo=css3&logoColor=white)
+![Tailwind CSS](https://img.shields.io/badge/Tailwind_CSS-38B2AC?style=for-the-badge&logo=tailwind-css&logoColor=white)
 
-* [Vue](https://vuejs.org//)
-* [Vuesax](https://vuesax.com//)
+## Table of Contents
+1. [Project Briefing](#project-briefing)
+2. [Technologies Used](#technologies-used)
+3. [Screenshots](#screenshots)
+4. [Updates](#updates)
+5. [Thank You](#thank-you)
 
-## Project setup
-
-Simply install node modules for the app and run the serve script.
-
-```
-npm install
-npm run serve
-```
-
-For production, run the build npm command and serve the static files through a production or development server.
+## Project Briefing
 
+This repository would have some solutions of data structures and algorithm related problems using Vue JS components.
+
+## Technologies Used
+- Vue 3
+- Vite
+- JavaScript (ES6+)
+- HTML5
+- CSS3
+
+## Writing Test cases
+
+Test cases are written using Vitest framework. Install the related dependencies for the testing framework and tweak vite config settings.
+
+```Javascript
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+
+// https://vite.dev/config/
+export default defineConfig({
+  plugins: [vue()],
+  test: {
+    environment: 'happy-dom',
+  },
+  server: {
+    port: 8080
+  }
+})
 ```
-npm run build
-npm start
-```
-
-## Project Screenshots
-
-Please find some of the screenshots of the application. Below is the screenshot of the Search Page.
 
-![alt text](./screenshots/search_page.png)
+![Dinosaur Table View](./screenshots/1.png)
 
-Screenshot of the user detail page where you can view Github user details of a user and the repositories they've worked on most recently.
+## Updates
+- **v1.0.0**: Initial release with basic functionality.
+- **v1.1.0**: Added new features and improved performance.
 
-![alt text](./screenshots/detail_page.png)
+## Thank You
+Thank you for exploring the Vue Dino App! Feel free to contribute or provide feedback to help improve the project. If you liked this project consider giving it a ⭐
 
+Learn more about IDE Support for Vue in the [Vue Docs Scaling up Guide](https://vuejs.org/guide/scaling-up/tooling.html#ide-support).

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>Vue Dino App</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.js"></script>
+  </body>
+</html>

nginx.conf

@@ -0,0 +1,22 @@
+server {
+  listen       80;
+  server_name  localhost;
+  root   /usr/share/nginx/html;
+
+  # Enables response header of "Vary: Accept-Encoding"
+  gzip_vary on;
+
+  location / {
+    try_files $uri $uri/ /index.html;
+    # X-Frame-Options is to prevent from clickJacking attack
+    add_header X-Frame-Options SAMEORIGIN;
+    # disable content-type sniffing on some browsers.
+    add_header X-Content-Type-Options nosniff;
+    # This header enables the Cross-site scripting (XSS) filter
+    add_header X-XSS-Protection "1; mode=block";
+    # This will enforce HTTP browsing into HTTPS and avoid ssl stripping attack
+    add_header Strict-Transport-Security "max-age=31536000; includeSubdomains;";
+    add_header Referrer-Policy "no-referrer-when-downgrade";
+    add_header Cache-Control "no-store, no-cache, must-revalidate";
+  }
+}