revamp project v1

.env

@@ -0,0 +1,4 @@
+VITE_SPOTIFY_CLIENT_ID=755809cf1c234c5f973e6ee732fea3b0
+VITE_SPOTIFY_CLIENT_SECRET=3396424bfba24dfd9ee3c910ba7c375c
+VITE_SPOTIFY_REFRESH_TOKEN=AQB9Du40DalFqiHRvvLXWy5ynFnKR5BPuLuzTKGx7QkTu2YcXtOblauQ527fzWzLriHuLuVXNdJob59--AGNyQApUroAkpAXGKSVEj8znD5_SBkpS3rvEJCx9F1RalSGyog
+VITE_SPOTIFY_ACCESS_TOKEN=BQCgXvQDcJ7TZllgqM6dDf9LhOVaxJ7IKgk38jQo8VRl85URdJj7P4DIBiyf8gPszKDSFCCAr6NPVr3noXwGbz7_xSB1bdPqsDnhJ-U8haa_JXKMTws

.eslintrc.cjs

@@ -0,0 +1,21 @@
+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/jsx-no-target-blank': 'off',
+    'react-refresh/only-export-components': [
+      'warn',
+      { allowConstantExport: true },
+    ],
+  },
+}

.gitignore

@@ -1,23 +1,24 @@
-# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
-
-# dependencies
-/node_modules
-/.pnp
-.pnp.js
-
-# testing
-/coverage
-
-# production
-/build
-
-# misc
-.DS_Store
-.env.local
-.env.development.local
-.env.test.local
-.env.production.local
-
+# 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?

README.md

@@ -1,33 +1,8 @@
-## $ whoami
+# React + Vite
 
-Hi, my name is Yash Walia and I welcome you to my little
-[corner on the internet](https://ywalia01.netlify.app/). This website is built using [React](https://reactjs.org/) library
+This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
 
-## $ make
+Currently, two official plugins are available:
 
-1. Clone the repository using `https://github.com/ywalia01/ywalia01.github.io.git`
-
-2. Run `npm install` to install all dependencies for the application.
-
-3. Run `npm start` to start the development server at `http://localhost:3000`.
-
-4. Run `npm run build` to build the static page for deployment.
-
-## $ chown <your name> portfolio
-
-If you like the portfolio, please give it a :star: and if you want to copy it,
-please feel free to do so. I will list down the steps for the same.
-
-1. Fork the repository in your GitHub account. This will make a copy of my repository and you will be able to edit it.
-
-2. You can change the color scheme to your own liking by simply changing the values of the color variables at the beginning of [App.css](src/components//App.css).
-
-3. Edit the variables and logos to suit your needs in [data.js](src/data.js) according to your profile.
-
-4. If you are changing the variable names, please change it in the corresponding file where they are imported as well. You can simply `grep` over the whole codebase or if you are using VSCode, they have a good search functionality.
-
-5. Change content in meta tags in [index.html](index.html) so that search engines know that it is your website. Feel free to add configuration for your preferred search engines. Please make a PR if you feel like :smile:.
-
-6. Replace `ill.png` in `src/components/img` with an illustration of your liking or your own photo (preferably rounded). Make sure to rename it as `ill.png` only.
-
-7. Obviously, you are not restricted to the above edits. Feel free to play around with the code and add or remove features and make it personalized. If you think, you can add a great feature in the application, don't hesitate to send a pull request or even opening an issue. I will be happy to review it :relieved:.
+- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
+- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh

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>