https://github.com/jeremielitzler/freecodecamp-learn-python-backend

https://github.com/jeremielitzler/freecodecamp-learn-python-backend

Last synced: 7 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/jeremielitzler/freecodecamp-learn-python-backend
• Owner: JeremieLitzler
• Created: 2024-04-17T12:49:15.000Z (7 months ago)
• Default Branch: main
• Last Pushed: 2024-04-18T13:43:02.000Z (7 months ago)
• Last Synced: 2024-04-18T14:37:34.235Z (7 months ago)
• Language: Vue
• Size: 48.8 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Learn Python Backend Development

## AI Web App

This is based [on this repository](https://github.com/tomitokko/ai-blog-article-generator).

I used the npm, vite, vue 3 and the necessary packages to build the app.

- Run:

```bash

npm init vite

```

- Select the following:

```text

$ npm init vite

√ Project name: ... frontend

√ Select a framework: » Vue

√ Select a variant: » TypeScript

```

- Install TailwindCss, PostCss and Autoprefixer:

```bash

npm i tailwindcss postcss autoprefixer

```

- Configure Tailwind:

```sh

npx tailwindcss init -p

```

- Update the `tailwind.config.js`:

```tsx

// tailwind.config.js

import typography from '@tailwindcss/typography';

import forms from '@tailwindcss/forms';

import aspectRatio from '@tailwindcss/aspect-ratio';

/** @type {import('tailwindcss').Config} */

export default {

  content: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}'],

  theme: {

    extend: {},

  },

  plugins: [typography, forms, aspectRatio],

};

```