This repository contains the final project submission for the WDD 430 - Web Full-Stack Development course at BYU-Idaho. The project is a web application built using the MEAN stack (MongoDB, Express, Angular, and Node.js). It showcases the implementation of a temple directory application that allows users to view information about various temples of The Church of Jesus Christ of Latter-day Saints.
- Single Page Application (SPA) built with Angular for a seamless user experience.
- Backend RESTful API powered by Express.js and MongoDB for handling CRUD operations on temple data.
- Interactive UI with hover effects and modals to display detailed temple information.
- Integration with Google Maps for easy navigation and directions to each temple location.
- Support for searching, creating, updating, and deleting temples in the application.
- backend/
- app.js
- controllers/
-TempleController.js
- db/
- conn.js
- models/
- temple.js
- routes/
- router.js
- temples.js
- frontend/
- src/
- app/
- adapters/
- temple.adapter.ts
- components/
- footer/
- footer.component.css
- footer.component.html
- footer.component.spec.ts
- footer.component.ts
- navbar/
- navbar.component.css
- navbar.component.html
- navbar.component.spec.ts
- navbar.component.ts
- temple-details/
- temple-details.component.css
- temple-details.component.html
- temple-details.component.spec.ts
- temple-details.component.ts
- temple-form/
- temple-form.component.css
- temple-form.component.html
- temple-form.component.spec.ts
- temple-form.component.ts
- temple-list/
- temple-list.component.css
- temple-list.component.html
- temple-list.component.spec.ts
- temple-list.component.ts
- models/
- temple.model.ts
- services/
- temple.service.spec.ts
- temple.service.ts
- app-routing.modules.ts
- app.component.css
- app.component.html
- app.component.spec.ts
- app.component.ts
- app.module.ts
- assets/
- environments/
- environments.ts
- README.md
- Course: WDD 430 - Web Full-Stack Development
- Institution: BYU-Idaho
- Instructor: Tim Thayne
- Term: Spring 2023
To get a local copy up and running, follow these steps:
- Clone this repository.
- Navigate to the
backenddirectory and install the server dependencies usingnpm install. - Start the backend server using
npm start. - In a separate terminal, navigate to the
frontenddirectory and install the frontend dependencies usingnpm install. - Start the Angular development server using
npm start. - Open your browser and visit
http://localhost:4200to access the application.
Contributions are welcome! If you have any ideas, suggestions, or bug reports, please open an issue or submit a pull request.
This project is licensed under the MIT License.
For any questions or inquiries, please contact Felipe Belisário at bel22008@byui.edu or felipe@fsbelisario.com.br.