DEBBIE O'BREIN- REACT GIRL

Ecommerce Project with React and vite, NodeJs and MongoDB and tailwindcss built with context api and redux

npm create vite@latest my-project -- --template react cd my-project

npm install -D tailwindcss postcss autoprefixer npx tailwindcss init -p

/** @type {import('tailwindcss').Config} */ export default { content: [ "./index.html", "./src/**/*.{js,ts,jsx,tsx}", ], theme: { extend: {}, }, plugins: [], }

@tailwind base; @tailwind components; @tailwind utilities;

https://makeup-api.herokuapp.com/ https://jsonformatter.org/json-viewer https://github.com/PMGH/makeup/blob/master/src/components/FilterByButton.jsx#L12

filter on products page keep making it responsive for all screens make products clickable improve performance with unique way add securtity to this project start using jest

on theeme forest

To use Google Fonts in your React project, follow these steps: Visit the Google Fonts website. Choose your desired font(s) and click on the + Select this font button. In the panel that appears, you'll see a link to include in your HTML. Open the public/index.html file in your React project. In the section of the HTML file, add the link to the Google Fonts CDN with the desired font family. You can now use the font in your CSS code like this:

https://fonts.google.com/

https://flowbite.com/docs/getting-started/introduction/ https://tailwindui.com/components/application-ui/elements/buttons

learnt and added custom console.log() in keyboard shortcuts: like below:- { "key": "ctrl+shift+l", "command": "editor.action.insertSnippet", "when": "editorTextFocus", "args": { "snippet": "console.log('${TM_FILENAME}','${TM_SELECTED_TEXT}$1')$2;" } } New features of ECMA 13:- https://www.sencha.com/blog/6-amazing-and-useful-new-javascript-features-in-es13/

https://github.com/ErickKS/vite-deploy https://github.com/actions/setup-node https://vitejs.dev/guide/static-deploy#github-pages

https://debbie.codes/blog/theming-in-react/ https://debbie.codes/videos

• theme builder

  https://css-tricks.com/theming-and-theme-switching-with-react-and-styled-components/

• next js tutorial

  https://www.youtube.com/results?search_query=atino+next+js

https://www.npmjs.com/package/@cyntler/react-doc-viewer?activeTab=readme https://www.npmjs.com/package/react-doc-viewer