https://github.com/sheix-khizar/nocodetools.site
A complete MERN stack No Code Tools Directory which host 300+ No-Code Tools and AI Tools.
https://github.com/sheix-khizar/nocodetools.site
aitools bestaitools bestnocodetools expressjs mern-stack mongodb nocode nocodetools nodejs reactjs
Last synced: 3 months ago
JSON representation
A complete MERN stack No Code Tools Directory which host 300+ No-Code Tools and AI Tools.
- Host: GitHub
- URL: https://github.com/sheix-khizar/nocodetools.site
- Owner: sheix-khizar
- Created: 2025-06-28T13:34:39.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2025-06-28T13:36:20.000Z (3 months ago)
- Last Synced: 2025-06-28T14:35:40.244Z (3 months ago)
- Topics: aitools, bestaitools, bestnocodetools, expressjs, mern-stack, mongodb, nocode, nocodetools, nodejs, reactjs
- Homepage: https://nocodetoolssite.vercel.app/
- Size: 2.93 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# NoCodeTools.site 🚀
A **complete, production-level MERN stack project** for **no-code tool discovery and directory** with clean architecture, optimized SEO, secure admin functionality, and a professional, responsive UI.
---
## 🚀 Project Purpose
This project powers **[NoCodeTools.site](https://nocodetoolssite.vercel.app/)** in production, allowing users to discover, filter, and explore curated no-code tools by categories, tags, and search with an intuitive, user-friendly interface.
> ⚠️ **Notice:**
This repository is **private and uploaded to GitHub only for portfolio showcase purposes.**
It is a **complete, production-ready project** and **not intended for cloning or reuse.**
---
## 🛠 Key Features
✅ **Production-Level MERN Stack Architecture**:
- **MongoDB** for data storage and indexing
- **Express.js** for API routing and secure CRUD operations
- **React.js** with Tailwind CSS for professional, responsive frontend
- **Node.js** as backend runtime
✅ **Admin Panel Functionality:**
- Secure tool creation, editing, and deletion
- Cloudinary image uploads with secure handling
✅ **SEO & Performance:**
- Slug-based dynamic routing for tools
- `react-helmet-async` for dynamic meta tags
- Clean, optimized Lighthouse performance and accessibility
✅ **UX & Design:**
- Fully responsive design for mobile, tablet, and desktop
- Smooth transitions and animations
- Professional navbar with dropdown categories (desktop + mobile)
- Real-time search filtering with clearable search bar
- Skeleton loaders for better perceived loading performance
✅ **Technical Excellence:**
- Clean folder structure following industry best practices
- Environment variables for secure deployment
- Secure CORS configuration
- Error handling with user-friendly UI fallback
✅ **Deployment Ready:**
- **Frontend deployed on Vercel**
- **Backend on Render**
- **MongoDB Atlas for cloud database**
---
## 🌐 Live Production
[🔗 Visit NoCodeTools.site](https://nocodetoolssite.vercel.app/)
---
## 🗂️ Project Structure
```
root/
├── backend/
│ ├── controllers/
│ ├── models/
│ ├── routes/
│ ├── middleware/
│ ├── utils/
│ └── server.js
│
├── frontend/
│ ├── src/
│ ├── components/
│ ├── pages/
│ ├── api/
│ └── App.jsx
│
└── package.json
```
✅ **Production-standard structure** for scalability and easy maintenance.
---
## 🤖 Tools & AI Assistance
During development, I utilized **AI tools to improve workflow, design quality, and logic clarity**, including:
- **Deepseek** for UI/UX structure planning and design feedback.
- **ChatGPT** for backend architecture, API structuring, logic checks, and error debugging.
This allowed maintaining **high-quality, consistent production standards** while saving time during iterative development.
---
## 🛡 License
⚠️ **All rights reserved.**
This repository is uploaded for **portfolio demonstration only**
and **not intended for public reuse, redistribution, or modification.**
---
## ✨ Author
**Khizar** – [nocodetools.site](https://https://nocodetoolssite.vercel.app/)
---
### Thank you for visiting 🚀
If you are a recruiter, collaborator, or portfolio reviewer, feel free to explore the live site to see **this project’s real-world performance and design quality**.
---