├── src
    ├── index.css
    ├── App.jsx
    └── main.jsx
├── public
    ├── logo.png
    ├── favicon.ico
    ├── postImg.jpeg
    ├── userImg.jpeg
    ├── featured1.jpeg
    ├── featured2.jpeg
    ├── featured3.jpeg
    ├── featured4.jpeg
    ├── facebook.svg
    ├── delete.svg
    └── instagram.svg
├── postcss.config.js
├── vite.config.js
├── tailwind.config.js
├── .gitignore
├── README.md
├── index.html
├── package.json
└── eslint.config.js


/src/index.css:
--------------------------------------------------------------------------------
1 | @tailwind base;
2 | @tailwind components;
3 | @tailwind utilities;


--------------------------------------------------------------------------------
/public/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/safak/full-stack-blog/HEAD/public/logo.png


--------------------------------------------------------------------------------
/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/safak/full-stack-blog/HEAD/public/favicon.ico


--------------------------------------------------------------------------------
/public/postImg.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/safak/full-stack-blog/HEAD/public/postImg.jpeg


--------------------------------------------------------------------------------
/public/userImg.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/safak/full-stack-blog/HEAD/public/userImg.jpeg


--------------------------------------------------------------------------------
/public/featured1.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/safak/full-stack-blog/HEAD/public/featured1.jpeg


--------------------------------------------------------------------------------
/public/featured2.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/safak/full-stack-blog/HEAD/public/featured2.jpeg


--------------------------------------------------------------------------------
/public/featured3.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/safak/full-stack-blog/HEAD/public/featured3.jpeg


--------------------------------------------------------------------------------
/public/featured4.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/safak/full-stack-blog/HEAD/public/featured4.jpeg


--------------------------------------------------------------------------------
/postcss.config.js:
--------------------------------------------------------------------------------
1 | export default {
2 |   plugins: {
3 |     tailwindcss: {},
4 |     autoprefixer: {},
5 |   },
6 | }
7 | 


--------------------------------------------------------------------------------
/src/App.jsx:
--------------------------------------------------------------------------------
1 | const App = () => {
2 |   return (
3 |     <div className=''>Hello World</div>
4 |   )
5 | }
6 | 
7 | export default App


--------------------------------------------------------------------------------
/vite.config.js:
--------------------------------------------------------------------------------
1 | import { defineConfig } from 'vite'
2 | import react from '@vitejs/plugin-react'
3 | 
4 | // https://vite.dev/config/
5 | export default defineConfig({
6 |   plugins: [react()],
7 | })
8 | 


--------------------------------------------------------------------------------
/tailwind.config.js:
--------------------------------------------------------------------------------
1 | /** @type {import('tailwindcss').Config} */
2 | export default {
3 |   content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
4 |   theme: {
5 |     extend: {},
6 |   },
7 |   plugins: [],
8 | };


--------------------------------------------------------------------------------
/src/main.jsx:
--------------------------------------------------------------------------------
 1 | import { StrictMode } from 'react'
 2 | import { createRoot } from 'react-dom/client'
 3 | import './index.css'
 4 | import App from './App.jsx'
 5 | 
 6 | createRoot(document.getElementById('root')).render(
 7 |   <StrictMode>
 8 |     <App />
 9 |   </StrictMode>,
10 | )
11 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | # Logs
 2 | logs
 3 | *.log
 4 | npm-debug.log*
 5 | yarn-debug.log*
 6 | yarn-error.log*
 7 | pnpm-debug.log*
 8 | lerna-debug.log*
 9 | 
10 | node_modules
11 | dist
12 | dist-ssr
13 | *.local
14 | 
15 | # Editor directories and files
16 | .vscode/*
17 | !.vscode/extensions.json
18 | .idea
19 | .DS_Store
20 | *.suo
21 | *.ntvs*
22 | *.njsproj
23 | *.sln
24 | *.sw?
25 | 


--------------------------------------------------------------------------------
/public/facebook.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="24px" height="24px">
2 |   <path fill="#3F51B5"
3 |     d="M42,37c0,2.762-2.238,5-5,5H11c-2.761,0-5-2.238-5-5V11c0-2.762,2.239-5,5-5h26c2.762,0,5,2.238,5,5V37z" />
4 |   <path fill="#FFF"
5 |     d="M34.368,25H31v13h-5V25h-3v-4h3v-2.41c0.002-3.508,1.459-5.59,5.592-5.59H35v4h-2.287C31.104,17,31,17.6,31,18.723V21h4L34.368,25z" />
6 | </svg>


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # React + Vite
2 | 
3 | This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
4 | 
5 | Currently, two official plugins are available:
6 | 
7 | - [@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
8 | - [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
9 | 


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 |   <head>
 4 |     <meta charset="UTF-8" />
 5 |     <link rel="icon" type="image/svg+xml" href="/favicon.ico" />
 6 |     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 7 |     <title>Lama Dev Blog App</title>
 8 |     <link
 9 |       href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap"
10 |       rel="stylesheet"
11 |     />
12 |   </head>
13 |   <body>
14 |     <div id="root"></div>
15 |     <script type="module" src="/src/main.jsx"></script>
16 |   </body>
17 | </html>


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "lamadevblogapp",
 3 |   "private": true,
 4 |   "version": "0.0.0",
 5 |   "type": "module",
 6 |   "scripts": {
 7 |     "dev": "vite",
 8 |     "build": "vite build",
 9 |     "lint": "eslint .",
10 |     "preview": "vite preview"
11 |   },
12 |   "dependencies": {
13 |     "react": "19.0.0-rc-66855b96-20241106",
14 |     "react-dom": "19.0.0-rc-66855b96-20241106"
15 |   },
16 |   "devDependencies": {
17 |     "@eslint/js": "^9.13.0",
18 |     "@types/react": "npm:types-react@rc",
19 |     "@types/react-dom": "npm:types-react-dom@rc",
20 |     "@vitejs/plugin-react": "^4.3.3",
21 |     "autoprefixer": "^10.4.20",
22 |     "eslint": "^9.13.0",
23 |     "eslint-plugin-react": "^7.37.2",
24 |     "eslint-plugin-react-hooks": "^5.1.0-rc.0",
25 |     "eslint-plugin-react-refresh": "^0.4.14",
26 |     "globals": "^15.11.0",
27 |     "postcss": "^8.4.47",
28 |     "tailwindcss": "^3.4.14",
29 |     "vite": "^5.4.10"
30 |   }
31 | }
32 | 


--------------------------------------------------------------------------------
/public/delete.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 50 50" fill="red" width="20px" height="20px"><path d="M 21 2 C 19.354545 2 18 3.3545455 18 5 L 18 7 L 10.154297 7 A 1.0001 1.0001 0 0 0 9.984375 6.9863281 A 1.0001 1.0001 0 0 0 9.8398438 7 L 8 7 A 1.0001 1.0001 0 1 0 8 9 L 9 9 L 9 45 C 9 46.645455 10.354545 48 12 48 L 38 48 C 39.645455 48 41 46.645455 41 45 L 41 9 L 42 9 A 1.0001 1.0001 0 1 0 42 7 L 40.167969 7 A 1.0001 1.0001 0 0 0 39.841797 7 L 32 7 L 32 5 C 32 3.3545455 30.645455 2 29 2 L 21 2 z M 21 4 L 29 4 C 29.554545 4 30 4.4454545 30 5 L 30 7 L 20 7 L 20 5 C 20 4.4454545 20.445455 4 21 4 z M 11 9 L 18.832031 9 A 1.0001 1.0001 0 0 0 19.158203 9 L 30.832031 9 A 1.0001 1.0001 0 0 0 31.158203 9 L 39 9 L 39 45 C 39 45.554545 38.554545 46 38 46 L 12 46 C 11.445455 46 11 45.554545 11 45 L 11 9 z M 18.984375 13.986328 A 1.0001 1.0001 0 0 0 18 15 L 18 40 A 1.0001 1.0001 0 1 0 20 40 L 20 15 A 1.0001 1.0001 0 0 0 18.984375 13.986328 z M 24.984375 13.986328 A 1.0001 1.0001 0 0 0 24 15 L 24 40 A 1.0001 1.0001 0 1 0 26 40 L 26 15 A 1.0001 1.0001 0 0 0 24.984375 13.986328 z M 30.984375 13.986328 A 1.0001 1.0001 0 0 0 30 15 L 30 40 A 1.0001 1.0001 0 1 0 32 40 L 32 15 A 1.0001 1.0001 0 0 0 30.984375 13.986328 z"/></svg>


--------------------------------------------------------------------------------
/eslint.config.js:
--------------------------------------------------------------------------------
 1 | import js from "@eslint/js";
 2 | import globals from "globals";
 3 | import react from "eslint-plugin-react";
 4 | import reactHooks from "eslint-plugin-react-hooks";
 5 | import reactRefresh from "eslint-plugin-react-refresh";
 6 | 
 7 | export default [
 8 |   { ignores: ["dist"] },
 9 |   {
10 |     files: ["**/*.{js,jsx}"],
11 |     languageOptions: {
12 |       ecmaVersion: 2020,
13 |       globals: globals.browser,
14 |       parserOptions: {
15 |         ecmaVersion: "latest",
16 |         ecmaFeatures: { jsx: true },
17 |         sourceType: "module",
18 |       },
19 |     },
20 |     settings: { react: { version: "18.3" } },
21 |     plugins: {
22 |       react,
23 |       "react-hooks": reactHooks,
24 |       "react-refresh": reactRefresh,
25 |     },
26 |     rules: {
27 |       ...js.configs.recommended.rules,
28 |       ...react.configs.recommended.rules,
29 |       ...react.configs["jsx-runtime"].rules,
30 |       ...reactHooks.configs.recommended.rules,
31 |       "no-unused-vars": "warn",
32 |       "react/prop-types": "off",
33 |       "react/jsx-no-target-blank": "off",
34 |       "react-refresh/only-export-components": [
35 |         "warn",
36 |         { allowConstantExport: true },
37 |       ],
38 |     },
39 |   },
40 | ];


--------------------------------------------------------------------------------
/public/instagram.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 48 48" width="24px" height="24px"><radialGradient id="yOrnnhliCrdS2gy~4tD8ma" cx="19.38" cy="42.035" r="44.899" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fd5"/><stop offset=".328" stop-color="#ff543f"/><stop offset=".348" stop-color="#fc5245"/><stop offset=".504" stop-color="#e64771"/><stop offset=".643" stop-color="#d53e91"/><stop offset=".761" stop-color="#cc39a4"/><stop offset=".841" stop-color="#c837ab"/></radialGradient><path fill="url(#yOrnnhliCrdS2gy~4tD8ma)" d="M34.017,41.99l-20,0.019c-4.4,0.004-8.003-3.592-8.008-7.992l-0.019-20	c-0.004-4.4,3.592-8.003,7.992-8.008l20-0.019c4.4-0.004,8.003,3.592,8.008,7.992l0.019,20	C42.014,38.383,38.417,41.986,34.017,41.99z"/><radialGradient id="yOrnnhliCrdS2gy~4tD8mb" cx="11.786" cy="5.54" r="29.813" gradientTransform="matrix(1 0 0 .6663 0 1.849)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#4168c9"/><stop offset=".999" stop-color="#4168c9" stop-opacity="0"/></radialGradient><path fill="url(#yOrnnhliCrdS2gy~4tD8mb)" d="M34.017,41.99l-20,0.019c-4.4,0.004-8.003-3.592-8.008-7.992l-0.019-20	c-0.004-4.4,3.592-8.003,7.992-8.008l20-0.019c4.4-0.004,8.003,3.592,8.008,7.992l0.019,20	C42.014,38.383,38.417,41.986,34.017,41.99z"/><path fill="#fff" d="M24,31c-3.859,0-7-3.14-7-7s3.141-7,7-7s7,3.14,7,7S27.859,31,24,31z M24,19c-2.757,0-5,2.243-5,5	s2.243,5,5,5s5-2.243,5-5S26.757,19,24,19z"/><circle cx="31.5" cy="16.5" r="1.5" fill="#fff"/><path fill="#fff" d="M30,37H18c-3.859,0-7-3.14-7-7V18c0-3.86,3.141-7,7-7h12c3.859,0,7,3.14,7,7v12	C37,33.86,33.859,37,30,37z M18,13c-2.757,0-5,2.243-5,5v12c0,2.757,2.243,5,5,5h12c2.757,0,5-2.243,5-5V18c0-2.757-2.243-5-5-5H18z"/></svg>


--------------------------------------------------------------------------------