Will Ellis

Strength in Names: MongoDB Warrior Wall for Cancer Charity

A charity struggling to manage a list of very important names hired me to turn their document nightmare into an easily manageable mongodb database.

Built withFrame 15Frame 14Frame 6Frame 7Frame 5

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
Screenshot 2024 07 29 at 15.14.14 1
Screenshot 2024 07 29 at 15.03.37 1
gbm warrior wall will ellis tech 1
Screenshot 2024 07 29 at 15.05.07 1

Technical details

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.