🚀 projectNext

A full-stack TypeScript application built with React, Redux Toolkit, Vite, Node.js, Express, and MySQL, Formik. It provides project and task management with secure authentication, reusable modals, responsive design, and strong performance.

---

📂 Installation

1️⃣ Clone the Repository

git clone https://github.com/apsingh03/ProjectNest.git

2️⃣ Frontend Setup

cd frontend
npm install

Create .env in frontend/:

VITE_BACKENDHOSTNAME=

Run Frontend:

npm run dev

3️⃣ Backend Setup

cd backend
npm install

Create .env in backend/:

PORT=
DBNAME=
DBUSER=
DBPASSWORD=
DBHOST=
DBPORT=3306
CORS_FRONTEND_ORIGIN=
JWT_SECRET_KEY=
NODE_ENV=development

Run Backend:

npm run dev

---

✨ Frontend Features

• ✅ User Authentication (Login, Sign Up)

• ✅ Project Dashboard

• ✅ All Tasks display under Project Card

• ✅ Debounce Search

• ✅ Responsive Layout

• ✅ Reusable Modal for Create & Edit

• ✅ State Management with Redux Toolkit

• ✅ Built with TypeScript

• ✅ Lighthouse Audit Report:

  • Performance: 90
  • Accessibility: 96
  • Best Practices: 90
  • SEO: 100

🔗 Live: projectNext

---

✨ Backend Features

• ✅ Built with TypeScript
• ✅ One User → Many Projects (1:M)
• ✅ One Project → Many Tasks (1:M)
• ✅ CRUD for Projects & Tasks
• ✅ Authentication Middleware
• ✅ Pagination with findAndCountAll
• ✅ MySQL Database
• ✅ Supports Multi-tenancy with devId

---

👨‍💻 Developer

Ajay Pratap Singh

MERN Stack Developer with 2 years of hands-on internship and project experience in designing full-stack applications using modern technologies like React.js, Next.js, Node.js, and MySQL. Strong foundation in scalable backend systems and cloud infrastructure using AWS. Focused on delivering performant, secure applications with real-time capabilities and modern DevOps practices.

Website: My Portfoilio

LinkedIn: LinkedIn

---