Skip to content

Basant1Saini/Basant1Saini

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

15 Commits
Β 
Β 

Repository files navigation

πŸ‘‹ Hi, I'm Basant Saini

Typing SVG

πŸ“ Jaipur, India | πŸ’Ό Full Stack Developer | 🎯 MERN Stack Specialist

Gmail LinkedIn LeetCode HackerRank Portfolio

Profile Views GitHub followers GitHub Stars


πŸš€ About Me

const basant = {
    location: "Jaipur, India",
    role: "Full Stack Developer (MERN)",
    experience: "10+ years professional background",
    currentFocus: ["React.js", "Node.js", "MongoDB", "Express.js"],
    problemsSolved: "300+ on LeetCode",
    passion: "Building scalable, user-centric web applications",
    
    getGoal: () => {
        return "Transform a decade of professional expertise into " +
               "crafting exceptional web experiences";
    }
};

🎯 What Drives Me

  • πŸ”₯ Passionate about creating seamless user experiences with modern web technologies
  • πŸ’‘ Committed to writing clean, maintainable, and scalable code
  • 🌱 Constantly learning and adapting to new technologies and best practices
  • 🀝 Eager to collaborate on open-source projects and innovative solutions
  • πŸŽ“ Problem solver with 300+ LeetCode challenges conquered

πŸ’» Tech Stack

Frontend Technologies

HTML5 CSS3 JavaScript React Redux Tailwind CSS

Backend Technologies

Node.js Express.js MongoDB Mongoose

Security & Authentication

JWT bcrypt

Development Tools

Git GitHub VS Code Vite Nodemon Postman NPM

API & Communication

Axios REST API CORS

Deployment Platforms

Netlify Vercel


πŸ› οΈ Technical Expertise

Frontend Development

  • HTML5 & CSS3: Semantic structure, Flexbox, Grid, responsive design
  • Tailwind CSS: Utility-first framework, custom components, rapid UI development
  • JavaScript ES6+: Arrow functions, destructuring, async/await, modules, DOM manipulation
  • React: Hooks, Context API, component architecture, virtual DOM
  • Redux: Redux Toolkit, global state management, async actions

Backend Development

  • Node.js: Non-blocking I/O, event-driven architecture, scalable applications
  • Express.js: Middleware, routing, RESTful API design
  • MongoDB: NoSQL database, document modeling, aggregation
  • Mongoose: Schema validation, middleware, query building
  • JWT & bcrypt: Token-based authentication, password hashing

Development Tools

  • Vite: Lightning-fast HMR, optimized builds
  • Nodemon: Auto-restart development server
  • Chrome DevTools: Debugging, performance analysis
  • Git & GitHub: Version control, branching, collaboration
  • Postman: API testing and documentation

Best Practices

  • RESTful API Design: Proper HTTP methods, status codes
  • Security: CORS configuration, input validation, secure authentication
  • Code Quality: ESLint, consistent coding standards
  • Performance: Code splitting, lazy loading, optimization
  • Documentation: Comprehensive code and API docs

πŸ† Featured Projects

Top 6 Active Projects with Real-time Progress Tracking

πŸš€ Active Development

πŸ’¬ Ask Me Anything (Q&A Platform)

Progress Status

β–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–‘ 95%

Tech: React β€’ Node.js β€’ Express β€’ MongoDB β€’ Redux

Completed:

  • βœ… JWT Authentication & Authorization
  • βœ… Redux Toolkit State Management
  • βœ… Question & Answer CRUD Operations
  • βœ… Voting System & Best Answer Selection
  • βœ… User Profiles & Reputation System
  • βœ… Advanced Search & Category Filtering

Remaining: Real-time notifications optimization

View Code β€’ Live Demo

πŸŽ₯ Indian Video Platform

Progress Status

β–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–‘β–‘β–‘ 85%

Tech: React β€’ Tailwind CSS β€’ Redux β€’ Node.js

Completed:

  • βœ… Modern, Responsive Design
  • βœ… Video Upload & Streaming
  • βœ… User Authentication
  • βœ… Comment & Like System
  • βœ… Search & Filter Functionality

Remaining: Video optimization, Analytics dashboard

View Code β€’ Live Demo

πŸ›’ Full Stack E-commerce Platform

Progress Status

β–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–‘β–‘ 90%

Tech: React β€’ Node.js β€’ Express β€’ MongoDB

Completed:

  • βœ… JWT Authentication & bcrypt Security
  • βœ… Redux State Management
  • βœ… Complete CRUD Operations
  • βœ… RESTful API with Express Middleware
  • βœ… Stripe Payment Integration
  • βœ… Admin Dashboard

Remaining: Order tracking, Email notifications

View Code β€’ Live Demo

🌀️ Weather Forecast App

Progress Status

β–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆ 100%

Tech: JavaScript β€’ Tailwind β€’ OpenWeather API

Completed:

  • βœ… Async JavaScript (Fetch/Promises)
  • βœ… 7-Day Weather Forecast
  • βœ… Geolocation Support
  • βœ… Local Storage Integration
  • βœ… Clean UI/UX Design
  • βœ… Error Handling

Status: πŸŽ‰ Fully deployed and functional

View Code β€’ Live Demo

πŸ“‹ Task Management App

Progress Status

β–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–‘β–‘β–‘β–‘ 80%

Tech: React β€’ Node.js β€’ MongoDB

Completed:

  • βœ… Drag & Drop Interface
  • βœ… Real-time Updates
  • βœ… Priority & Deadline Management
  • βœ… CRUD Operations

Remaining: Team collaboration, Real-time sync

View Code β€’ Live Demo

πŸ’Ό Personal Portfolio Website

Progress Status

β–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆ 100%

Tech: React β€’ Tailwind CSS β€’ Framer Motion

Completed:

  • βœ… Fully Responsive Design
  • βœ… Dark/Light Theme Toggle
  • βœ… Smooth Animations
  • βœ… Contact Form Integration
  • βœ… SEO Optimized

Status: πŸŽ‰ Live and deployed

View Code β€’ Live Demo

der tracking, Email notifications Weather App

🌀️ Weather Forecast App
Progress

β–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆ 100%

Tech: JavaScript β€’ Tailwind β€’ OpenWeather API

Completed:

  • βœ… Async JavaScript (Fetch/Promises)
  • βœ… 7-Day Weather Forecast
  • βœ… Geolocation Support
  • βœ… Local Storage Integration
  • βœ… Clean UI/UX Design
  • βœ… Error Handling

Status: πŸŽ‰ Fully deployed and functional

Task Manager

πŸ“‹ Task Management App
Progress

β–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–‘β–‘β–‘β–‘ 80%

Tech: React β€’ Node.js β€’ MongoDB

Completed:

  • βœ… Drag & Drop Interface
  • βœ… Real-time Updates
  • βœ… Priority & Deadline Management
  • βœ… CRUD Operations

Remaining: Team collaboration, Real-time sync

Portfolio

πŸ’Ό Personal Portfolio Website
Progress

β–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆ 100%

Tech: React β€’ Tailwind CSS β€’ Framer Motion

Completed:

  • βœ… Fully Responsive Design
  • βœ… Dark/Light Theme Toggle
  • βœ… Smooth Animations
  • βœ… Contact Form Integration
  • βœ… SEO Optimized

Status: πŸŽ‰ Live and deployed

πŸ“Š Projects Overview

Metric Value
🎯 Active Projects 6
βœ… Completed 2
πŸ”„ In Progress 4
πŸ“ˆ Average Progress 88%

View All 20 Projects ↓


πŸ“Š Repository Progress Tracker

πŸ“¦ Click to view all repositories with completion status

πŸš€ Active Projects

1. πŸ’¬ Ask Me Anything (Q&A Platform)

Progress

β–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–‘ 95% Complete

Completed: Authentication, CRUD, Voting, Search, User Profiles
Remaining: Real-time notifications optimization


2. πŸŽ₯ Indian Video Platform

Progress

β–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–‘β–‘β–‘ 85% Complete

Completed: UI/UX, Video upload, Authentication, Comments
Remaining: Video streaming optimization, Analytics dashboard


3. πŸ›’ E-commerce Platform

Progress

β–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–‘β–‘ 90% Complete

Completed: Auth, CRUD, Payment, Admin Dashboard
Remaining: Order tracking, Email notifications


4. 🌀️ Weather Forecast App

Progress

β–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆ 100% Complete

Status: βœ… Fully deployed and functional


5. πŸ“‹ Task Management App

Progress

β–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–‘β–‘β–‘β–‘ 80% Complete

Completed: Drag & Drop, CRUD, Priority management
Remaining: Team collaboration features, Real-time sync


6. πŸ’Ό Personal Portfolio

Progress

β–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆ 100% Complete

Status: βœ… Live and deployed


πŸ“š Learning Projects

7. πŸ” JWT Authentication System

Progress

β–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–‘β–‘β–‘β–‘β–‘ 75% Complete

Completed: Token generation, Refresh tokens, bcrypt
Remaining: OAuth integration, Role-based access


8. πŸ—„οΈ MongoDB CRUD API

Progress

β–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆ 100% Complete

Status: βœ… Complete with Mongoose ODM


9. βš›οΈ React Redux Toolkit Demo

Progress

β–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–‘β–‘ 90% Complete

Completed: Store setup, Slices, Async thunks
Remaining: Advanced middleware, Testing


10. 🎨 Tailwind Component Library

Progress

β–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–‘β–‘β–‘β–‘β–‘β–‘ 70% Complete

Completed: Buttons, Cards, Forms, Modals
Remaining: Tables, Charts, Advanced animations


πŸ”¬ Experimental Projects

11. πŸš€ REST API with Express

Progress

β–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–‘β–‘β–‘ 85% Complete

Completed: Routes, Middleware, Error handling
Remaining: Rate limiting, API documentation


12. πŸ“± Responsive Landing Pages (5 projects)

Progress

β–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆ 100% Complete

Status: βœ… All 5 landing pages completed


13. πŸ”„ Axios Interceptor Setup

Progress

β–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–‘ 95% Complete

Completed: Request/Response interceptors, Error handling
Remaining: Token refresh automation


14. 🎯 LeetCode Solutions Repository

Progress

β–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–‘β–‘β–‘β–‘β–‘β–‘β–‘β–‘ 60% Complete

Completed: 300+ solutions documented
Remaining: Add explanations, Optimize solutions


15. 🌐 CORS Configuration Demo

Progress

β–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆ 100% Complete

Status: βœ… Complete with multiple scenarios


16. ⚑ Vite + React Starter Template

Progress

β–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆ 100% Complete

Status: βœ… Production-ready template


17. πŸ”§ Custom React Hooks Library

Progress

β–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–‘β–‘β–‘β–‘β–‘β–‘β–‘ 65% Complete

Completed: useLocalStorage, useFetch, useDebounce
Remaining: useInfiniteScroll, useWebSocket


18. πŸ“Š GitHub Profile README

Progress

β–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆ 100% Complete

Status: βœ… You're reading it!


19. 🎬 Video Streaming POC

Progress

β–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–‘β–‘β–‘β–‘β–‘β–‘β–‘β–‘β–‘β–‘ 50% Complete

Completed: Basic streaming, Chunked upload
Remaining: HLS implementation, Quality selection


20. πŸ”” Real-time Notification System

Progress

β–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–‘β–‘β–‘β–‘β–‘β–‘β–‘β–‘β–‘β–‘β–‘ 45% Complete

Completed: WebSocket setup, Basic notifications
Remaining: Push notifications, Notification center UI


πŸ“ˆ Overall Progress

Status Count Percentage
βœ… Completed 8 40%
πŸ”„ In Progress 12 60%
πŸ“¦ Total Projects 20 100%

Average Completion: Progress


πŸ† GitHub Trophies

GitHub Trophies

πŸ“Š GitHub Analytics

GitHub Streak
Contribution Graph
Snake animation

πŸ“ˆ Skill Progress

Frontend Development

HTML5/CSS3 JavaScript ES6+ React Redux Tailwind CSS

Backend Development

Node.js Express.js MongoDB Mongoose REST API

Security & Tools

JWT Git Vite Axios


🎯 Current Focus & Learning Path

graph LR
    A[JavaScript ES6+] --> B[React.js]
    B --> C[Redux/State Management]
    C --> D[Node.js/Express]
    D --> E[MongoDB]
    E --> F[TypeScript]
    F --> G[Cloud Deployment]
    
    style A fill:#f9d71c
    style B fill:#61dafb
    style C fill:#764abc
    style D fill:#339933
    style E fill:#47a248
    style F fill:#3178c6
    style G fill:#ff9900
Loading

πŸ“š Currently Mastering

  • βš›οΈ React Ecosystem - Hooks, Context API, component patterns
  • πŸ”„ Redux Toolkit - Global state management, async actions
  • πŸ” Authentication - JWT tokens, bcrypt, secure sessions
  • πŸ—„οΈ Database Design - MongoDB schemas, Mongoose ODM, aggregation
  • πŸš€ API Development - RESTful design, Express middleware, CORS
  • ⚑ Modern Tools - Vite, Nodemon, Chrome DevTools
  • 🎨 UI Frameworks - Tailwind CSS, responsive design, accessibility

πŸŽ“ Problem Solving Journey

Platform Problems Solved Focus Areas
πŸ’» LeetCode 300+ Arrays, Strings, Trees, DP
πŸ† HackerRank 150+ Algorithms, Data Structures
βš”οΈ CodeWars 100+ Problem Solving, Logic
  • πŸ“ˆ Focused on Data Structures & Algorithms
  • 🧠 Daily coding challenges for continuous improvement
  • 🎯 Target: 500+ problems by end of year

πŸ’Ό Professional Edge

Leveraging 10 years of professional experience to deliver more than just code

🎯 Problem Solving

Proven track record of analyzing complex challenges and architecting effective, scalable solutions

πŸ‘₯ Client-Centric

Deep understanding of user needs and business goals, ensuring applications deliver real value

⏱️ Time Management

Disciplined approach to deadlines with experience managing multiple priorities efficiently


🀝 Collaboration & Best Practices

πŸƒ Agile/Scrum 🌿 Git Workflows ✨ Code Quality πŸ“ Documentation
JIRA, Trello Branching, PRs ESLint, Clean Code Clear & Comprehensive

🎯 Open to Collaborate On:

  • 🌟 MERN Stack Projects
  • πŸŽ₯ Indian Video Platform Prototype
  • πŸ”“ Open Source Contributions
  • πŸ’‘ Innovative Web Applications

πŸŽ–οΈ Certifications & Achievements

Achievement Description Status
πŸ† 300+ LeetCode Solved 300+ coding problems βœ… Completed
🎯 MERN Stack Mastery Full-stack development expertise πŸ”„ In Progress
πŸ’Ό 10 Years Experience Professional background 2014-2024
πŸš€ 6+ Projects Deployed production-ready apps βœ… Completed
πŸ” Security Implementation JWT, bcrypt, CORS expertise πŸ”„ In Progress
⚑ Modern Tooling Vite, Nodemon, advanced workflows πŸ”„ In Progress

πŸ“ˆ Coding Activity

πŸ’‘ Quote of the Day

Quote


🎯 2026 Goals

  • βœ… Master MERN Stack fundamentals
  • βœ… Build 6+ full-stack projects
  • βœ… Solve 300+ LeetCode problems
  • πŸ”„ Learn TypeScript & implement in projects
  • πŸ”„ Contribute to 5+ open-source projects
  • πŸ”„ Deploy apps on AWS/Cloud platforms
  • πŸ”„ Achieve 500+ LeetCode problems
  • πŸ”„ Land a Full Stack Developer role

🌟 Let's Connect & Build Something Amazing!

I'm actively seeking opportunities to contribute, collaborate, and grow as a Full Stack Developer.

Open to: Full-time roles β€’ Freelance projects β€’ Open source collaboration β€’ Mentorship

Gmail LinkedIn Portfolio


⭐ From Basant1Saini | Building the future, one commit at a time

About

Config files for my GitHub profile.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors