Strength in Names: MongoDB Warrior Wall for Cancer Charity

Languages and Software

Frame 15.png
Frame 14.png
Frame 6.png
Frame 7.png
Frame 5.png

Project Overview


Glioblastoma Research Organization Web App


Client: Glioblastoma Research Organization
Role: Full-stack Developer
Technologies Used: JavaScript, Next.js, MongoDB, MUI, Vercel

Description

Developed a web application for the Glioblastoma Research Organization, a brain cancer charity, to streamline the process of adding names to their memorial wall. The application eliminated the issues of duplicates and human error by automating the organization and management of names.

Key Features

  1. Next.js and JavaScript:
    - Built a dynamic and responsive web application using Next.js for server-side rendering and better performance.
    - Leveraged JavaScript to handle client-side functionality and interactions.
  2. MongoDB Integration:
    - Implemented MongoDB as the database to store and manage the names for the memorial wall.
    - Ensured data integrity and efficient organization by leveraging MongoDB's robust querying capabilities.
  3. Admin Dashboard:
    - Developed a secure admin dashboard allowing authorized personnel to approve, deny, delete, and update names.
    - Implemented search functionality to quickly find and manage entries.
  4. Material-UI (MUI):
    - Utilized MUI for a modern and user-friendly interface, ensuring the app was both functional and aesthetically pleasing.
    - Created reusable components to maintain consistency and ease of maintenance.
  5. Deployment on Vercel:
    - Deployed the application on Vercel for seamless integration with their existing Squarespace website.
    - Ensured high availability and performance with Vercel’s efficient hosting solutions.

Achievements

  • Reduced Human Error: Significantly reduced the potential for duplicates and manual errors in adding names to the memorial wall.
  • Efficient Management: Enabled quick and efficient management of entries through a streamlined admin interface.
  • Positive Client Impact: Received commendations from the client for simplifying their workflow and improving data accuracy.

will-ellis-gbm-warrior-wall 2.jpg
Screenshot-2024-07-29-at-15.14.14-1.jpg
Screenshot 2024-07-29 at 15.03.37 1.jpg
gbm-warrior-wall-will-ellis-tech-1.jpg
Screenshot 2024-07-29 at 15.05.07 1.jpg

Technical Details

  1. Frontend:
    Next.js: Leveraged for its server-side rendering capabilities, improving both performance and SEO.
  2. JavaScript: Utilized for dynamic client-side interactions and functionality.
    Material-UI (MUI): Used for creating a clean and consistent user interface, enhancing the user experience.
  3. Backend:
    MongoDB: Chosen for its flexibility and scalability, ensuring efficient data management and retrieval.
    API Integration: Created robust API endpoints for handling CRUD operations securely and efficiently.
  4. Deployment and Maintenance:
    Vercel: Deployed the application on Vercel, ensuring fast and reliable hosting.
    Integration with Squarespace: Seamlessly linked the application with the existing Squarespace website, providing a cohesive user experience.

Conclusion

This project showcases my ability to develop functional and user-friendly web applications that solve real-world problems. By integrating modern technologies and best practices, I delivered a solution that significantly improved the client’s workflow and data management processes.

Let's Chat!

If you’re looking to hire, have a question or want to book me for a consultation then get in touch with me at.

hello@willellis.tech

or book a slot with me on my calendly

Will Ellis