Code Monkey home page Code Monkey logo

pugazharasanc / node-react-vercel Goto Github PK

View Code? Open in Web Editor NEW
3.0 3.0 1.0 47 KB

This repository contains the source code for a React application that has been deployed to Vercel. The application demonstrates how to deploy a React app to Vercel using either Vite or Create React App. The guide in this README walks through the deployment process step-by-step. You can also check out the deployed application here.

Home Page: https://my-react-app-pugazharasanc.vercel.app/

License: MIT License

JavaScript 72.53% HTML 13.62% CSS 13.85%
react vercel vercel-deployment vitejs

node-react-vercel's Introduction

Hey there! ๐Ÿ‘‹ I'm Pugazharsan Chandrasekar

I'm a passionate Full Stack Developer and Mentor based in Chennai. I love working with cutting-edge technologies and exploring new ways to solve problems.

๐Ÿ”ง Technologies & Tools

  • Languages: JavaScript, Python, C/C++
  • Frameworks: React, Node.js
  • Database: MongoDB, MySQL
  • Tools: Git, VS Code

๐ŸŒฑ Currently Learning

I'm currently diving deeper into Docker and Kubernetes to enhance my deployment and scaling skills.

๐Ÿš€ About Me

I thrive in collaborative environments and enjoy turning complex problems into simple, elegant solutions. Currently, I'm working on projects that involve creating tools to make learning web development easier and developing web-based compilers. These compilers aim to help people practice problem-solving with minimal internet connection requirements (internet is only needed for the initial load).

๐Ÿ”ญ Iโ€™m currently working on

  • Building tools to simplify the learning process for web development.
  • Developing web-based compilers for practicing problem-solving with minimal internet usage.

๐Ÿ‘ฏ Iโ€™m looking to collaborate on

I'm open to collaborating on projects related to web development, especially those involving React and Node.js.

๐Ÿค” Iโ€™m looking for help with

I'm seeking advice and insights on optimizing database performance for large-scale applications.

๐Ÿ’ฌ Ask me about

Feel free to ask me about web development, coding best practices, or anything related to the tech industry!

๐Ÿ“ซ How to reach me

๐Ÿ˜„ Pronouns

He/Him

โšก Fun fact

I believe problem-solving or programming is really easy compared to communicating with fellow people.

๐ŸŒŸ Major Repositories

Explore some of my major repositories with their star counts:

  1. Git and GitHub Notes

    • Description: A collection of notes covering Git and GitHub usage and workflows.
    • Stars: Git and GitHub Notes Stars
  2. HTML Notes

    • Description: Detailed notes on HTML, covering markup and structure.
    • Stars: HTML Notes Stars
  3. JavaScript Notes

    • Description: Comprehensive notes on JavaScript concepts and best practices.
    • Stars: JavaScript Notes Stars
  4. Shortcut Mastery Guide

    • Description: A guide to shortcut keys for enhanced productivity in VS Code.
    • Stars: Shortcut Mastery Guide Stars
  5. Netlify Hosting Notes

    • Description: Notes on deploying and hosting web applications using Netlify.
    • Stars: Netlify Hosting Notes Stars
  6. Node-React-Vercel Deploy Notes

    • Description: Source code for a React application deployed to Vercel, demonstrating deployment using Vite or Create React App, with a deployment guide in the README.
    • Stars: Node-React-Vercel Stars

Feel free to explore and contribute to these repositories. If you find them helpful, consider giving them a star!

๐Ÿš€ Demo Applications

Explore the demo applications I've developed to demonstrate various concepts and technologies:

  1. Position Demo

    • Description: Explore the different CSS positioning properties with this interactive demo. Understand how elements are positioned within a container using values like relative, absolute, fixed, and more.
    • Link: Position Demo
  2. Query Selector Demo

    • Description: Learn about the power of the querySelector method in JavaScript. This demo allows you to experiment with various selectors to efficiently target and manipulate DOM elements.
    • Link: Query Selector Demo
  3. Bootstrap Container Grid

    • Description: Dive into responsive web design with Bootstrap's container and grid system. This demo illustrates how to create flexible and adaptive layouts using Bootstrap classes.
    • Link: Bootstrap Container Grid
  4. Event Listener Demo

    • Description: Understand the fundamentals of event listeners in JavaScript. This demo lets you interact with different HTML elements and observe the events triggered by various user actions.
    • Link: Event Listener Demo
  5. CSS Measurements Demo

    • Description: Explore different units of measurement in CSS, including pixels, percentages, em, and rem. This demo provides a hands-on experience in understanding and visualizing these measurements.
    • Link: CSS Measurements Demo

Feel free to explore and interact with these demos to grasp the concepts behind them. If you have any questions or feedback, don't hesitate to reach out!

๐Ÿ“Š GitHub Stats

Pugazharsan's GitHub Stats

node-react-vercel's People

Contributors

pugazharasanc avatar swathysuriyababu12 avatar

Stargazers

 avatar  avatar  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.