I’m excited to share one of the most important milestones in my learning journey as a developer. Recently, I had the opportunity to work as a Full Stack Web Developer Intern at Teyzix Core, where I was assigned an advanced MERN Stack project focused on real-world task management workflows and modern web application architecture.
The Project
The task was to build a complete Full Stack Task Management System similar to a Kanban board application like Trello. The project included frontend development, backend APIs, authentication systems, database integration and task workflow management.
The application was developed using the MERN Stack:
- MongoDB
- Express.js
- React.js
- Node.js
Features I Implemented
During this project, I successfully developed:
- User Authentication using JWT
- Login & Registration System
- Protected Routes
- REST APIs
- Kanban Task Board
- Task Creation, Update & Delete
- Task Status Management
- Priority & Due Date Features
- MongoDB Database Integration
- Responsive Dashboard UI
Challenges I Faced
This project was not easy and I learned a lot while solving different technical issues.
One of the biggest challenges was configuring MongoDB Atlas and managing database network access properly. Initially, the database connection was failing because of network access and URI configuration issues.
Another challenge was API integration between the frontend and backend. At different stages, authentication tokens, API routes and request handling were causing issues, especially while implementing JWT-based protected routes.
I also faced difficulties in:
- Structuring the backend architecture
- Managing frontend state
- Connecting APIs correctly
- Organizing reusable components
- Debugging server and authentication errors
However, step by step, I researched, tested, debugged and improved the project until everything started working properly.
What I Learned
This internship helped me improve my understanding of:
- Full Stack Web Development
- MERN Stack Architecture
- Backend API Development
- MongoDB & Mongoose
- Authentication & Authorization
- React Component Structure
- Real-world Project Workflow
- Clean Code & Folder Structure
Most importantly, I learned how professional projects are structured and how developers solve real technical problems during development.
GitHub Repository: https://github.com/YasirAwan4831/taskflow-kanban-app–fs1-
Final Thoughts
Completing this project gave me more confidence as a developer and motivated me to continue improving my skills in full stack web development.
I’m thankful to Teyzix Core for providing this opportunity and allowing me to work on a practical and challenging project that helped me grow technically and professionally.
This is only the beginning and I’m excited for the next level of my development journey.
write by Muhammad Yasir
#MERNStack #FullStackDevelopment #WebDevelopment #ReactJS #NodeJS #MongoDB #ExpressJS #JavaScript #Internship #SoftwareEngineering #BackendDevelopment #FrontendDevelopment #TaskManagement #LearningJourney #MuhammadYasir #YasirAwan4831
