Full-Stack Web Application Development with MERN and WordPress
Project scope
Categories
UI design UX design Website development Software development DatabasesSkills
nosql mysql functional testing bootstrap (front-end framework) application programming interface (api) jest (javascript testing framework) cpanel microsoft visual studio github agile methodologyThe goal of this project is to provide learners with hands-on experience in full-stack web development using both modern and traditional technologies. The project involves creating a comprehensive web application that integrates a MERN stack (MongoDB, Express.js, React.js, and Node.js) for the main functionality and a WordPress-based blog for content management. This dual approach ensures that learners gain practical skills in both cutting-edge and established web technologies. The project will require students to design, develop, and deploy a fully functional web application, allowing them to apply their classroom knowledge in a real-world setting. Key tasks include setting up databases, developing RESTful APIs, creating dynamic user interfaces, and managing content through WordPress.
Interns will immerse themselves in a high-impact, collaborative environment that mirrors industry standards. They will participate in Agile development with Scrum, managing sprints and progress tracking through JIRA, ensuring a balance of technical and project management skills.
On the front-end, interns will enhance their capabilities in responsive design and state management with React. They will also delve into UX/UI design principles, working on user research, wireframing, and prototyping with tools like Figma. Back-end tasks include database schema design, secure authentication, and RESTful API integration, whether it's a NoSQL solution like MongoDB or a traditional MySQL database.
For those working on WordPress projects, the experience includes customizing themes and plugins, optimizing SQL queries, and managing databases using phpMyAdmin. This mix of technologies ensures that interns leave with a comprehensive portfolio showcasing their ability to tackle complex, real-world challenges across different platforms.
List of included (but not limited to) technologies:
- MongoDB and Mongoose
- Express and other helpful middleware
- React.js
- Bootstrap
- Node.js and working with NPM
- Vite for HMR and SSR
- Unit testing, integration testing, functional testing using Jest
- Docker for containerization and mocking
- Git version control through GitHub
- jQuery
- HTML5
- CSS3
- MySQL
- cPanel and Softaculous to manage WordPress application
- Jira
- Figma
- Postman for testing HTTP requests and managing CRUD operations
- Visual Studio Code and useful extensions (e.g., Prettier and ESLinter)
Providing specialized, in-depth knowledge and general industry insights for a comprehensive understanding.
Sharing knowledge in specific technical skills, techniques, methodologies required for the project.
Direct involvement in project tasks, offering guidance, and demonstrating techniques.
Providing access to necessary tools, software, and resources required for project completion.
Scheduled check-ins to discuss progress, address challenges, and provide feedback.
Supported causes
Reduced inequalitiesAbout the company
Word Media Group Inc. is responsible for the development of the Canada Black Music Archives, the official launch of the digital archives took place on November 23, 2023.
The CBMA is a digital music archive that celebrates the historic accomplishments of Black Canadian musicians. Each musician selected for inclusion in the archive has made an important and indelible artistic contribution to the Canadian music canon.
Our organization is made up of a diverse team who are passionate about music and exploring new ideas. We work with interns in different locations with most of our work taking place remotely.
We offer training and education opportunities to young people who are excited about new media. We provide an experiential learning environment that is both stimulating and rewarding.