Skip to content
View mukeshmannai14's full-sized avatar
🎯
Full Stack Developer in Progress
🎯
Full Stack Developer in Progress

Block or report mukeshmannai14

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Content in all repositories owned by your account will be closed.
Maximum 250 characters. Please don’t include any personal information such as legal names or email addresses. This note will only be visible to you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
mukeshmannai14/README.md

⚑ I build modern web applications from UI to API to database.


πŸ§‘β€πŸ’» Developer Profile

πŸ‘‹ Hi, I'm Mukesh

I'm a Full Stack Developer focused on building practical, responsive and production-style web applications using the MERN ecosystem.

I enjoy working across the complete application lifecycle:

UI β†’ State β†’ API β†’ Business Logic β†’ Database β†’ Authentication β†’ Deployment

Currently focused on becoming a strong Junior / Fresher Full Stack Developer.

🎯 Quick Info

πŸ’» Role Full Stack Developer
βš›οΈ Focus MERN Stack
πŸ“ Based in Tamil Nadu, India
πŸŽ“ Education B.E. Mechanical Engineering
πŸš€ Experience Full Stack Projects
🎯 Target Junior / Fresher Roles
πŸ“š Learning DSA Β· TypeScript Β· Testing

🧩 Tech Stack

🎨 Frontend



βš™οΈ Backend & Database



πŸ› οΈ Tools & Deployment


πŸš€ Project Showcase

πŸ›’ ShopHub

MERN E-Commerce Platform

A complete e-commerce application demonstrating real-world shopping, authentication, order and payment workflows.

πŸ›οΈ User Experience

  • Product browsing
  • Product details
  • Cart management
  • Checkout
  • Online payment
  • Order history
  • Responsive UI

βš™οΈ Engineering

  • JWT authentication
  • Protected routes
  • Redux Toolkit state
  • REST APIs
  • MongoDB/Mongoose
  • Admin authorization
  • Razorpay verification

πŸ“ Blog & Portfolio

Full Stack Content Management Platform

A portfolio + blogging platform combining Firebase authentication, protected routes, admin authorization and MongoDB-powered content management.

β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”
β”‚                        APPLICATION FLOW                     β”‚
β”‚                                                             β”‚
β”‚  πŸ‘€ User β†’ πŸ” Firebase Auth β†’ πŸ›‘οΈ Protected Route           β”‚
β”‚                                  β”‚                          β”‚
β”‚                                  β–Ό                          β”‚
β”‚                         βš›οΈ React Application                 β”‚
β”‚                                  β”‚                          β”‚
β”‚                               Axios                         β”‚
β”‚                                  β”‚                          β”‚
β”‚                                  β–Ό                          β”‚
β”‚                         βš™οΈ Express API                       β”‚
β”‚                                  β”‚                          β”‚
β”‚                                  β–Ό                          β”‚
β”‚                         πŸƒ MongoDB                           β”‚
β”‚                                                             β”‚
β”‚  πŸ‘‘ Admin β†’ Custom Claims β†’ Admin Dashboard β†’ Blog CRUD     β”‚
β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜

✨ Core Modules

πŸ” Authentication Β· πŸ›‘οΈ Protected Routes Β· πŸ‘‘ Admin Dashboard Β· ✍️ Blog CRUD Β· ❀️ Likes Β· πŸ“¨ Messages Β· πŸƒ MongoDB


πŸ“§ BulkMail

Bulk Email Automation Platform

A full-stack automation application that reads recipient information from Excel files and sends bulk emails through a Node.js backend.

πŸ“Š Workflow

1. Upload Excel file
2. Process XLSX data
3. Validate recipients
4. Authenticate user
5. Send through SMTP
6. Store history/status

🧠 Engineering

  • JWT authentication
  • XLSX processing
  • Nodemailer
  • REST API
  • MongoDB persistence
  • Input validation
  • Error handling
  • Environment variables

🌀️ Weather App

Live Weather Dashboard

A responsive weather application demonstrating live third-party API integration and React state management.

🌑️ Temperatureγ€€ πŸ’§ Humidityγ€€ πŸ’¨ Windγ€€ πŸ“Š Pressureγ€€ πŸ‘οΈ Visibilityγ€€ 🌦️ Weather

βš›οΈ React Concepts

useState Β· useEffect Β· Async/Await Β· Conditional Rendering Β· API Integration Β· Error Handling Β· Environment Variables


🌱 Greenify

Responsive Plant Store UI

A responsive frontend project focused on modern UI design, responsive navigation and JavaScript interactions.

🌿 Product UI Β· πŸ”Ž Search Β· πŸ“± Responsive Navigation Β· ⭐ Reviews Β· πŸ“© Newsletter


🧠 What I Can Build

πŸ–₯️ Frontend βš™οΈ Backend πŸ—„οΈ Data πŸ” Security πŸš€ Integration
React Node.js MongoDB Firebase Auth Razorpay
JavaScript Express Mongoose JWT Nodemailer
Redux REST APIs MongoDB Atlas Protected Routes OpenWeather
Tailwind Middleware Firebase RBAC Axios
Vite Error Handling Firestore Custom Claims XLSX

πŸ—οΈ My Full Stack Architecture

              β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”
              β”‚       πŸ‘€ USER / UI        β”‚
              β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”¬β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜
                            β”‚
                            β–Ό
              β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”
              β”‚     βš›οΈ REACT FRONTEND     β”‚
              β”‚                           β”‚
              β”‚ Components β€’ Router       β”‚
              β”‚ Redux β€’ Forms β€’ UI        β”‚
              β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”¬β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜
                            β”‚
                       REST / Axios
                            β”‚
                            β–Ό
              β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”
              β”‚    βš™οΈ NODE + EXPRESS      β”‚
              β”‚                           β”‚
              β”‚ Routes β€’ Middleware       β”‚
              β”‚ Auth β€’ Business Logic     β”‚
              β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”¬β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜
                            β”‚
                 β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”΄β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”
                 β–Ό                     β–Ό
        β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”   β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”
        β”‚   πŸƒ MongoDB    β”‚   β”‚ πŸ”Œ External APIs β”‚
        β”‚                 β”‚   β”‚                  β”‚
        β”‚ Users           β”‚   β”‚ Razorpay         β”‚
        β”‚ Products        β”‚   β”‚ Firebase         β”‚
        β”‚ Orders          β”‚   β”‚ OpenWeather      β”‚
        β”‚ Blogs           β”‚   β”‚ SMTP/Nodemailer  β”‚
        β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜   β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜

πŸ” Authentication & Authorization

             πŸ‘€ USER
                β”‚
                β–Ό
        β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”
        β”‚ Login / Signup β”‚
        β””β”€β”€β”€β”€β”€β”€β”€β”¬β”€β”€β”€β”€β”€β”€β”€β”€β”˜
                β”‚
        β”Œβ”€β”€β”€β”€β”€β”€β”€β–Όβ”€β”€β”€β”€β”€β”€β”€β”€β”
        β”‚ Firebase / JWT β”‚
        β””β”€β”€β”€β”€β”€β”€β”€β”¬β”€β”€β”€β”€β”€β”€β”€β”€β”˜
                β”‚
        β”Œβ”€β”€β”€β”€β”€β”€β”€β–Όβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”
        β”‚ Verify Identity β”‚
        β””β”€β”€β”€β”€β”€β”€β”€β”¬β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜
                β”‚
       β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”΄β”€β”€β”€β”€β”€β”€β”€β”€β”€β”
       β–Ό                  β–Ό
  πŸ‘€ Normal User       πŸ‘‘ Admin
       β”‚                  β”‚
       β–Ό                  β–Ό
 User Features      Admin Dashboard
                       β”‚
                  Blog / Products

πŸ“Š GitHub Dashboard




πŸ“ˆ Developer Activity

Mukesh's GitHub Activity Graph


🐍 Contribution Snake

Contribution Snake


πŸ“š Currently Learning

🧠 DSA

Arrays Β· Strings Β· Searching Β· Sorting Β· Problem Solving

πŸ“˜ TypeScript

Types Β· Interfaces Β· Generics Β· React + TypeScript

πŸ§ͺ Testing

Jest Β· React Testing Library Β· API Testing

πŸ—οΈ Engineering

API Design Β· Security Β· Performance Β· CI/CD


πŸŽ“ Training

πŸ€– AI + MERN Stack Developer Program

Error Makes Clever Institution

MERN Β· React Β· Node.js Β· Express Β· MongoDB Β· AI Tools

🧠 Prompt Engineering

Completed


πŸ’Ό Open to Opportunities

πŸš€ Junior / Fresher Full Stack Developer

Interested in opportunities involving:

MERN Stack Β· React.js Β· Node.js Β· Frontend Development Β· Backend Development


I am looking for an environment where I can contribute to real products, solve practical engineering problems, learn from experienced developers and grow as a full-stack engineer.


πŸ“« Connect With Me


⚑ Build β€’ Learn β€’ Solve β€’ Ship

Thanks for visiting my profile!

Pinned Loading

  1. Great-Learning-Website Great-Learning-Website Public

    Great Learning –Responsive online learning platform built with HTML and CSS featuring a modern UI, mobile-friendly responsive design, Flexbox layouts, interactive hero section with CSS scale-up ani…

    HTML 1

  2. greenify-website greenify-website Public

    A modern plant e-commerce website featuring responsive design, live product search functionality, and a mobile hamburger menu, developed with HTML, CSS, Tailwind CSS, and JavaScript.

    HTML 1

  3. Redstore Redstore Public

    Responsive RedStore E-Commerce Website built with HTML, CSS, and JavaScript featuring a mobile-friendly layout, interactive hamburger navigation, and a clean shopping interface.

    HTML 1

  4. BookSky-Book-Management-Website BookSky-Book-Management-Website Public

    BookSky - A responsive book management web application built with HTML, CSS, and JavaScript featuring add/delete book functionality, popup forms, DOM manipulation, and a clean modern user interface.

    CSS

  5. Nostra-website Nostra-website Public

    Responsive fashion e-commerce website built with HTML, CSS, and JavaScript featuring real-time product search, automatic hero image slider, responsive mobile sidebar navigation, and a modern shoppi…

    HTML

  6. Staybnb-website Staybnb-website Public

    Responsive Staybnb travel website built with HTML, CSS, and JavaScript featuring a modern UI, responsive design, and an interactive hamburger menu for seamless mobile navigation.

    HTML