Skip to content

VasaraSujal/VasaraSujal

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

17 Commits
 
 
 
 
 
 

Repository files navigation

Typing SVG




🚀 About Me


👨‍💻 Who Am I?

class FullStackDeveloper {
  constructor() {
    this.name = "Vasara Sujal";
    this.role = "Full-Stack Developer";
    this.location = "India 🇮🇳";
    this.education = "Computer Science Engineering";
  }

  get skills() {
    return {
      languages: ["JavaScript", "TypeScript", "C++", "SQL"],
      frontend: ["React.js", "Redux", "TailwindCSS", "Sass"],
      backend: ["Node.js", "Express.js", "REST APIs"],
      database: ["MongoDB", "MySQL", "Mongoose"],
      tools: ["Git", "Postman", "VS Code", "Figma"],
      currently_learning: ["Next.js", "Docker", "AWS", "GraphQL"]
    };
  }

  get currentFocus() {
    return [
      "🍔 Building King Hub - Food Delivery Platform",
      "🌐 Contributing to Open Source Projects",
      "📚 Mastering System Design & Architecture",
      "💡 Exploring Web3 & Blockchain Technology"
    ];
  }

  displayPassion() {
    return "Transforming ideas into elegant, scalable solutions! 🚀";
  }
}

const vasara = new FullStackDeveloper();
console.log(vasara.displayPassion());
// Output: "Transforming ideas into elegant, scalable solutions! 🚀"

🎯 What Drives Me

graph TD
    A[💡 Passion] --> B[Clean Code]
    A --> C[User Experience]
    A --> D[Innovation]
    
    B --> E[🎨 Beautiful UIs]
    C --> F[⚡ Performance]
    D --> G[🚀 Scalability]
    
    E --> H{Success}
    F --> H
    G --> H
    
    H --> I[🌟 Impactful Products]
    
    style A fill:#667EEA,stroke:#fff,stroke-width:2px,color:#fff
    style H fill:#F093FB,stroke:#fff,stroke-width:2px,color:#fff
    style I fill:#4FACFE,stroke:#fff,stroke-width:2px,color:#fff
Loading

🌟 Core Values

💎 Quality 🚀 Innovation 🤝 Collaboration
Writing clean, maintainable code Exploring cutting-edge tech Growing with the community

📍 Current Mission

Building King Hub - A next-generation food delivery platform that revolutionizes the way people order food online!

Tech Stack: React Node.js MongoDB Express TailwindCSS


💫 Quick Facts About Me

🎯 Current Status 📚 Learning 💬 Ask Me About
Building King Hub Advanced React Patterns MERN Stack
Open Source Contributor System Design RESTful APIs
Seeking Opportunities Cloud Architecture UI/UX Design

🎨 My Development Philosophy

"First, solve the problem. Then, write the code. Finally, make it beautiful."

Typing SVG


🏆 Featured Projects

🍔 King Hub - Food Delivery Platform

A comprehensive, modern food delivery solution built with the MERN stack

Live Demo Source Code Documentation

📋 Project Details

✨ Key Features

  • 🎨 Modern UI/UX - Sleek, responsive design with smooth animations
  • 🛒 Smart Cart System - Real-time updates & persistent storage
  • 🔐 Secure Authentication - JWT-based user management
  • 💳 Payment Integration - Multiple payment gateway support
  • 📱 Mobile Responsive - Seamless experience across all devices
  • 🔍 Advanced Search - Filter by cuisine, price, ratings
  • Review System - User ratings and feedback mechanism
  • 📊 Admin Dashboard - Complete order & inventory management

🛠️ Tech Stack

Frontend:
  Framework: React.js with Hooks
  Styling: TailwindCSS
  Animation: Framer Motion
  Routing: React Router
  State: Context API

Backend:
  Runtime: Node.js
  Framework: Express.js
  Database: MongoDB + Mongoose
  Auth: JWT
  API: RESTful Design

DevOps:
  Version Control: Git & GitHub
  API Testing: Postman
  Design: Figma
  Hosting: MongoDB Atlas

💼 More Amazing Projects

🩸 Smart Emergency Blood Network

GitHub

Tech: Node.js Express MongoDB React REST API

A governed digital network connecting hospitals, blood banks, and NGOs to enable fast, reliable, and auditable blood access during emergency situations. Replaces fragmented manual coordination with automated emergency response system featuring progressive radius-based escalation and multi-stakeholder governance.

Features:

  • 📊 Real-time blood stock visibility
  • 🔍 Progressive radius search
  • 🤝 NGO donor fallback
  • ⚡ Automated escalation
  • 🔐 Admin governance
  • 🏥 Multi-stakeholder platform

🌱 EcoFinds Marketplace

GitHub

Tech: React.js Tailwind CSS Context API Lucide Icons

A sustainable second-hand marketplace platform revolutionizing responsible consumption and promoting circular economy practices. Features comprehensive user authentication, product management, and shopping cart functionality with mobile-first responsive design for seamless buying and selling experience.

Features:

  • 🔐 Secure authentication
  • 📦 Complete product CRUD
  • 🔍 Advanced search filters
  • 🛒 Shopping cart system
  • 📱 Mobile-first design
  • ♻️ Sustainability focused

🏠 Rental Management System

GitHub

Tech: React Node.js Express MongoDB Stripe Nodemailer

A full-stack rental platform with secure payments and automated notifications covering the entire rental lifecycle seamlessly. Supports flexible rental durations from hourly to yearly with PCI-compliant Stripe integration, real-time email notifications, and comprehensive admin dashboard for complete business management.

Features:

  • 💳 Secure Stripe payments
  • 📅 Flexible rental plans
  • 📩 Email notifications
  • 🛠️ Admin dashboard
  • 🔐 JWT authentication
  • 📱 Responsive design

💻 Tech Stack & Tools

Frontend: React.js, Vue.js, Tailwind CSS, Context API
Backend: Node.js, Express.js, REST APIs
Database: MongoDB, Firebase
Tools: Git, Postman, Stripe, Nodemailer, JWT
Design: Figma, Responsive Design, Mobile-First Approach


Core Technologies

JavaScript
JavaScript
TypeScript
TypeScript
React
React
Node.js
Node.js
Express
Express
MongoDB
MongoDB
MySQL
MySQL
HTML5
HTML5
CSS3
CSS3
Tailwind
Tailwind
Sass
Sass
Bootstrap
Bootstrap
Redux
Redux
Vite
Vite
Git
Git
GitHub
GitHub
VS Code
VS Code
Postman
Postman
Figma
Figma
Linux
Linux
Vercel
Vercel

📚 Currently Learning


📊 GitHub Analytics

🔥 My GitHub Journey



📈 Contribution Activity


💻 Most Used Languages & Achievements


📌 Detailed Statistics


Community

Recognition

Visibility

Activity

⚡ Productivity Metrics




🎯 Competitive Programming

💻 LeetCode Journey


LeetCode Stats




Active Solver

Consistent Practice

Algorithm Master

📊 Quick Stats Overview

Problems Solved
Growing Daily

Easy Problems
Foundation Strong

Medium Problems
Challenge Accepted

Hard Problems
Expert Level

Contest Rating
Competitive



💼 What I Bring to the Table

graph LR
    A[Skills] --> B[Frontend]
    A --> C[Backend]
    A --> D[DevOps]
    B --> B1[React.js]
    B --> B2[UI/UX]
    B --> B3[Responsive Design]
    C --> C1[Node.js]
    C --> C2[REST APIs]
    C --> C3[Databases]
    D --> D1[Git]
    D --> D2[CI/CD]
    D --> D3[Cloud]
    
    style A fill:#667EEA
    style B fill:#764BA2
    style C fill:#F093FB
    style D fill:#4FACFE
Loading

🎓 Education & Learning

  • 🏫 Computer Science Engineering
  • 📚 Continuous Learning (Udemy, Coursera)
  • 🧠 DSA & System Design
  • 💻 Full-Stack Specialization

🎯 Goals 2024

  • ✅ Build 5+ Full-Stack Projects
  • ✅ Master React & Node.js
  • 🔄 10 Open Source Contributions
  • 🔄 Technical Blog Writing
  • 🔄 AWS/Azure Certification


🌐 Let's Connect & Collaborate

💡 Open to Discuss

🌐
Web Development
🎨
UI/UX Design
🔧
Tech Solutions
🚀
New Ideas
🤝
Collaborations

📬 Get In Touch

LinkedIn Email X Portfolio


💼 Available for: Freelance WorkFull-Time RolesTechnical ConsultingOpen SourceMentorship


Made with 💜 by Vasara Sujal

🌟 "Code is poetry written in logic" 🌟

© 2024 Vasara Sujal | Built with passion and countless cups of coffee ☕


Snake animation

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors