MERN Stack Internship Project | Full Stack Music Player | WSA | Emertxe - Cohort 5 скачать в хорошем качестве

MERN Stack Internship Project | Full Stack Music Player | WSA | Emertxe - Cohort 5

Name: K Tharachand Chowdary College: Sastra Deemed University Internship: MERN Stack Internship Organization: WSA Webstack Academy Cohort: WMSI25_005 Project Title: Full Stack Music Player Email: 228003158@sastra.ac.in Project Overview This video presents my MERN Stack internship project, a Full Stack Music Player web application. The application allows users to register, log in, browse music, and stream songs using the Jamendo public music API. The project demonstrates end-to-end full stack development using the MERN architecture. Internship Goals Understand full stack web development workflow. Learn MERN Stack architecture and data flow. Build REST APIs and connect frontend with backend. Implement authentication and authorization. Deploy and test a complete working application. Project Requirements User authentication system. Secure backend APIs. Music data fetched from external API. Responsive frontend UI. Clear separation of frontend and backend. Technology Stack Frontend React.js HTML CSS Backend Node.js Express.js Database MongoDB Other Tools JWT for authentication Jamendo Music API Architecture and Design The project follows the MERN Stack architecture. React handles the user interface. Express and Node handle backend logic. MongoDB stores user data. REST APIs connect frontend and backend. The backend follows MVC structure using routes, controllers, models, and middleware. Implementation Details Signup and login implemented using JWT authentication. Protected routes secured using middleware. Music data fetched from Jamendo API. Player controls include play, pause, next, and previous. Frontend structured using reusable components. Backend structured using controllers and routes Folder Structure. Backend config for database connection. controllers for business logic. models for database schemas. routes for API endpoints. middleware for authentication. Frontend auth for authentication pages. player for music controls. layout for UI structure. common for reusable components. Project Demo The video includes a live demonstration showing user signup, login, music loading from API, and music playback functionality. Learning Outcomes Gained hands-on experience with MERN Stack. Learned API creation and integration. Understood authentication flow using JWT. Improved understanding of frontend and backend interaction. Conclusion This internship project helped me understand full stack web development practically. It strengthened my fundamentals in MERN Stack and gave real-world experience in building and explaining a complete web application.