Giter Club home page Giter Club logo

rxt-portfo-3's Introduction

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 โ†ฉ

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.