Project Overview
TCPC Church Home offers a dynamic web application designed to facilitate seamless communication within the church community. Through this platform, members and non-members alike can access a wealth of resources, including Sermons, Events, Photos, and more.
The application is meticulously crafted using the powerful MERN stack, incorporating MongoDB for robust data storage, ExpressJS for a streamlined backend, React and NextJS for an intuitive user interface, and NodeJS to ensure optimal server-side functionality. To enhance accessibility, the application is deployed on Netlify for the client-side and Heroku for the server-side, ensuring a smooth and reliable user experience for all.
- Main page features Sunday Worship and News Section with data fetched from MongoDB database.
- The Sermons page enables users to explore all sermons, play YouTube videos in a modal window, and offers a versatile search function by preacher's name, date, title, book, or even a single letter, using the JavaScript filter method.
- The Photo Gallery page showcases all photos from the MongoDB database. Users can click on each photo to view a larger image in a modal window and filter photos by date or event name. Also, clicking on the red button will show more photos.
- Board page features all events and announcements with data fetched from MongoDB database. Users can click on each event to view more details.
Features in progress
- Feature to change themes with click of a button.
- Feature to change language between Korean and English.
- Dark mode feature.
- Responsive design for mobile and tablet.
- Admin page to upload multiple photos at once to Cloudinary.
- Feature to add events to Google Calendar.