Giter Site home page Giter Site logo

frontend-joshi's Introduction

Hey there


👩‍💻 About Me :

I am a Frontend Developer from India, lives in Germany. I am a hands-on learner, hence prefer learning new technologies through development.

  • 🔭 I’m working as a Software Engineer and contributing to frontend and backend for building web applications.
  • 🌱 Exploring new ideas and tech for beautiful projects.
  • ⚡ In my free time, I solve problems on GeeksforGeeks and Leetcode.
  • 📫How to reach me: Linkedin Badge

🛠️ Languages and Tools :

React      Material UI  CSS  HTML  JavaScript                Firebase  NodeJS  AWS               

🔥 My Stats :

GitHub Streak
Top Langs


💣 Hold tight, features are going to be added soon.. 🤞

  • api fail UI, centralized loader
  • scroll loader at top
  • tell me a joke section, Meme Generator*
  • Real-Time Chat, Music Player*
  • Personal Blog*
  • Photo Gallery App with Search Option(might use some AI APIs)*
  • service workers
  • PWA
  • Cookie
  • caching
  • lazy loading, code splitting
  • tracking
  • SEO
  • web security
  • Pipeline, Docker, different environments stage prod qa
  • Webpack/vite settings- chunking, compression, publish, Profiling, bundle analyser
  • Optimisation, lighthouse chrome
  • respective backend- AWS, Dyanamo DB, lambda, s3, express local
  • npm package
  • monorepo
  • WebAssembly, Svelte

Already implemented features 🎉

  • CRA with typescript template.
  • husky lint-staged prettier
  • storybook, npm run storybook, http://localhost:6006/
  • scss, css reset
  • Post-Processing CSS was part of CRA
  • testing was part of CRA
  • source-map-explorer(installed at system), npm run analyze
  • language
  • Readme.md file decor
  • Routing, 404 page
  • eslint
  • react-redux, saga, axious
  • fonts, imgs, svg
  • Theming with local storage complete
  • sticky header, routes enabled, theme button styled, share link(copy to clipboard)
  • change page title
  • web title logo, glowing title, not found design
  • download resume button
  • cards for microfrontend initial stage

docker build . -t avani/cra-docker-test docker run -p 8080:80 avani/cra-docker-test http://localhost:8080/ docker ps or docker ps -a //list all of the containers heroku container:login heroku create heroku container:push web heroku container:release web heroku open service docker stop // stop the Docker daemon process. service docker start docker images docker run image docker stats ContainerID // docker statistics docker stop ContainerID docker kill ContainerID //kill the processes in a running container docker pause ContainerID docker unpause ContainerID docker history ImageID //all the commands that were run with an image via a container remove docker image - docker rmi ImageID docker rm ContainerID details of container or image- docker inspect image_or_container like docker inspect jenkins id of the image- docker inspect avani/cra-docker-test --format={{.Id}}

docker exec sha256:192ea92a71a5e6c068551819745203014b520e2966f8802340cdac32ae4c13ce bash whoami

Feel free to ask any questions, open a PR if you feel something can be done differently!

🌟Star this repository🌟

docker run -d -p 80:80 regestry.heroku.com/avanijoshi/web heroku stack:set container heroku stack:set 7594b94c24d0919a16a1f940671b08e5c846823f706fa09edf45a0ef1831c7fd git push heroku HEAD:master heroku run printenv ,, copy port in dockerfile

frontend-joshi's People

Contributors

ajoshi-etecture avatar avaniklsjoshi avatar

Watchers

 avatar

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.