Skip to content

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

License

Notifications You must be signed in to change notification settings

bahim22/rxt-portfo-3

Repository files navigation

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 ✔️


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!

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published