Welcome to Trip Notes App! This project is a hands-on learning experience to master Angular and .NET Core Web API development. Build a feature-packed travel journal application that allows you to efficiently manage your trip notes with a modern UI and powerful backend.
- 📝 CRUD Operations: Add, edit, delete, and view trip notes effortlessly.
- 🔍 Search & Filter: Quickly find trip notes with advanced search and filtering.
- ⭐ Rating System: Highlight top-rated trips with visual indicators.
- 🧮 State Management: Efficiently handle app state using NgRx.
- 🎨 Material Design: Aesthetic and user-friendly UI with Angular Material.
- 🛠️ Custom Directives & Pipes: Enhance reusability and improve functionality.
- 🎉 Toasts & Feedback: Get clear and colorful feedback for all actions.
- 🌐 RESTful Endpoints: Manage trip notes with well-structured API endpoints.
- 🗄️ MongoDB Integration: Store and retrieve trip notes using a modern database.
- ✅ Unit & Integration Tests: Ensure reliability and performance.
- 📄 Swagger Integration: Explore and interact with the API through Swagger UI.
-
Clone the Repository
git clone https://github.com/your-username/trip-notes-app.git cd trip-notes-app -
Frontend Setup cd angular-frontend npm install ng serve -o
-
Backend Setup
- Open the .NET Core API folder in Visual Studio.
- Build the solution and restore NuGet packages.
- Configure MongoDB connection in appsettings.json.
- Run the API.
- Test the Application
- Access the Angular app at http://localhost:4200.
- Test API endpoints via Swagger at http://localhost:5000/swagger.