bahim22 / rxt-portfo-3

Custom React App: Webpack, Babel, EsLint, and Prettier configs updated from my react template. Styled with Tailwind Css, Bootstrap and more!

Home Page:https://himabalde.netlify.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Hima Balde React Portfolio

Dionysus Era Development (DED)


Title Initial Commit Author Description
rxt-portfo-3 02/22/2022 Hima Balde Custom React Portfolio App
Extended Use Case Completed OS
React-ded-boiler βš›οΈ Personal Portfolio Master 🏁 macOS / Windows 11 βœ”οΈ

Netlify Status


Development Toolchain Optimizations for Production
1. Updates 2. Fixes 3. Updated Features

4. Custom Toolchain 5. App Info 6. Current Projects


CodeSnippet


Updates

  1. scripts in package.json
  2. css styling
  3. eslint: added lint pretest and fix scripts
  4. babel
  5. prettier: added prettier write and check scripts
  6. forms for contacting me
  7. components and dir changes

Bug Fixes

  • Issue: start script from template not running dev server
    • upgraded dep and added devDep
    • reconfigured and added transcompiler and linter
  • Issue: unsuccessful webpack production mode build
    • reconfigured dir layout and ignore list for tools
    • added testing for webpack and eslint config
  • Issue: Tailwindcss and dep installs
    • added content values, postcss and autoprefixer
    • adjusted postcss config

New Features


  • Added new features such as:
    • Optimized Production Build
    • Major and minor Updates to dependency toolchain
    • In depth analysis of dependency graph
    • Options for: Axios, MUI, Bootstrap

Custom Toolchain

  1. Es-lint
  2. Babel
  3. Prettier
  4. GitHub
  5. VS Code
  6. Bash
  7. Jira

Test/Debug

  • VS Code task dir/file for debugging
  • Jest dep and config
  • Cypress dep and config

App Info

Build Info Content Dependencies
Lib & Lang React JSX HTML CSS json [x] completed
Config Webpack Bundler Babel Transpiler NPM/npx Package Manager [x] completed
UI/UX headlessui Tailwindcss heroIcons typography [ ] customizable
Deployable Vercel Azure GitHub Pages [ ] Build for Production
Folders Root, Src, Posts, Public [ ] customizable
Outline Components, Layout, Configuration, Testing [x] completed

Current GitHub Repos

Projects Type Version Status
DioPortfo v2 Personal Portfolio Final v 2 [x] done
Inner Sity Market Marketing/Business Final v 2 [x] done
DioBlog Next.js Blog Dev v1.2 [ ] done
Next-Tail Next.js Base App Dev v2.1 [ ] dev
react-portfo2 Portfolio SPA Final v 3 [ ] dev
MERN Stack Todo/Scheduler Build v 2 [ ] dev πŸ“‹
Apollo, GraphQl, PostgreSQL Stack workflow/analytics Build v 1 [ ] dev πŸ“‹
MERN Stack: ISM-DED non-profit org Base Build: v1 [ ] dev πŸ“‹

Aliases & Affiliations 1

Nom de Guerre: Bahim22 | Dionysus |


Footnotes

  1. GitHub Profile Hima-Balde ↩

About

Custom React App: Webpack, Babel, EsLint, and Prettier configs updated from my react template. Styled with Tailwind Css, Bootstrap and more!

https://himabalde.netlify.app/

License:MIT License


Languages

Language:JavaScript 65.8%Language:CSS 30.3%Language:HTML 3.9%