Giter Club home page Giter Club logo

amazing-webdev-components's Introduction

Hi 👋 My name is Parag Agrawal

Python Programmer | Full Stack Developer | Freelancer

I'm a Coder by passion with more than 5 years of programming experience and currently pursuing Bachelors degree with Computer Science. I personally prefer to work on python language. I have my hands on PHP, Django, NodeJS and ExpressJS. I also have my hands on databases like MySQL and MongoDB. I can also create good front-end using HTML, CSS, JS and web-dev frameworks like Bootstrap. I particularly adapt with different IDEs. Apart from web development I mastered Machine Learning and Deep Learning. I also practiced NLP, Computer Vision, Neural network .

  • 🌍  I'm based in Indore, India
  • ✉️  You can contact me at [email protected]
  • 🧠  I'm learning Web3.0 ...
  • ⚡  In my leisure time I generally play strategy and adventure games on computer...

A little more about me...

class Parag:

    def __init__(self):
        self.username = 'parag477'
        self.name = 'Parag Agrawal'
        self.position = 'Full Stack Developer'
        self.web = 'https://paragagrawal.me'
        self.links = 'https://bio.link/parag477'
        self.blog = 'https://paragagrawal.hashnode.dev/'
        self.cv = 'https://drive.google.com/file/d/1if54pmPBtRRTIRKE2jzWPiLqy6N9J6sQ/view?usp=sharing'
        self.twitter = '@Parag_477'
        self.code = {
            'backend': ['Python', 'Flask', 'Django', 'Matlab', 'FastAPI', 'NodeJS', 'PHP', 'GraphQL', 'Axios', 'Firebase', 'Appwrite', 'Solidity'],
            'database': ['MySQL', 'PostgreSQL', 'SQLite', 'MongoDB', 'Redis', 'Kafka'],
            'devops': ['Docker', 'Linux', 'AWS', 'GitHub Actions', 'Nginx'],
            'frontend': ['HTML', 'CSS', 'JavaScript', 'jQuery', 'ReactJS', 'NextJS', 'Boostrap', 'TailwindCSS', 'MaterialUI'],
            'tools': ['Git', 'GitHub', 'Jupyter Notebook', 'Photoshop', 'Figma', 'Simulink'],
        }
        self.architecture = ['MVC', 'Serverless', 'microservices']

    def __str__(self):
        return f'{self.name} | {self.position}'


if __name__ == '__main__':
    me = Parag()
    print(me)

Skills

Languages

Python JavaScript TypeScript C C++ PHP SQL Solidity Bash

Frameworks

React Node.js Express.js Django Flask GraphQL Tailwind jQuery Firebase Appwrite Figma Polygon

Databases

MySQL PostgreSQL MongoDB Redis Prisma

Technologies

AWS Docker Apache Kafka Arduino Linux Git Vercel Nginx ROS Postman

Machine Learning

TensorFlow Keras PyTorch OpenCV

Badges

My GitHub Stats

Top Languages

trophy

Kittinan's wakatime stats

Socials

Instagram Github Discord Hashnode Linkedin Twitter

Support Me

I love connecting with different people so if you want to say hi, I'll be happy to meet you more! :)


amazing-webdev-components's People

Contributors

bhavya-anand19 avatar dipanshu018 avatar geetika981 avatar imbiber avatar jaydippatel83 avatar jyotika6221 avatar kxrishx03 avatar lazymonk1010 avatar manoj8861 avatar meetthakur avatar negative333 avatar pandeyankur1324 avatar parag477 avatar peeyushrathore avatar praveen88p avatar purnasth avatar pushkinsharma avatar ritwika-14 avatar rohittttz avatar sa24miksha avatar saroj-pradhan avatar saurav2208 avatar sharmaaman22022003 avatar shraddha16092002 avatar surajit0573 avatar typical-techno avatar ujjwalshivhare avatar utkarsh750 avatar virtual4087 avatar whysatyam avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

amazing-webdev-components's Issues

Make a Responsive Top Nav Bar

Mobile-Friendly Layout: create & Adjust the layout of the navigation bar to ensure it stacks vertically on smaller screens, like mobile phones. This may involve reordering or hiding some elements to prioritize essential navigation links.

Media Queries: Use CSS media queries to apply specific styles for different screen sizes. This includes adjusting font sizes, padding, and margins to improve readability and usability on smaller screens.

Burger Menu: Consider implementing a hamburger menu for extremely narrow screens. This can provide a compact menu that expands when clicked, saving space while maintaining access to all navigation links

[feat]: Add a Preloader Component

Title: Add Preloader Component

Description:

Requesting the addition of a preloader component to enhance user experience in our web development components collection.

Updating documentation-README.md

I would like to update README.md as some rules for 2023 Hacktoctoberfest has been changed but README.md is not up to date. Please assign me this task!

Alaram clock

Java Alarm Clock: A command-line Java application that allows users to set alarms by specifying the time in seconds. When the set time elapses, it triggers an alarm message. A simple and efficient way to create quick reminders or notifications using Java.

Hey @parag477 pls assign this issue to me

Space invader game

The code is a Java implementation of the classic game Space Invaders using Swing. It features a player-controlled spaceship shooting bullets to destroy descending green alien invaders.

@parag477 pls assign this issue to me

[ADD] : HTML CSS BUTTON

I would like to add a button component which is made using html, css and vanilla javascript that can be embeded in any webpage template.

adding a new switch

Hey I want to add a new switch component to your repository. Please assign me this issue.

add: Preloader

I am going to create Preloader using HTML, CSS AND JAVSCRIPT

[Add]: Adding a button

Add a button in the buttons folder that you liked. Be sure to not break the structure of the project.

Create Footer Section

create a footer section which include github , linkedin , twitter , instagram .
you don't need to provide any link to the footer .

Create HTML, CSS, and JavaScript Files

The project currently lacks essential files for structuring and styling web content, as well as adding interactivity through JavaScript. To kickstart the development process, we need to create index.html, style.css, and index.js files and link them together appropriately.

file Linking:

Ensure that the HTML file (index.html) properly links to the CSS file (style.css) using a tag in the section. Additionally, link the JavaScript file (index.js) at the end of the section to ensure it doesn't block page rendering.

On Click Event Handling with State Concept

This is to show how we can make button interactive when clicked and it's doing something. Here, I have also used State in react to get DOM updated whenever there be some changes.

I have used counters and reset button.
image

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.