This project is built using Angular 16, Express, and MongoDB to create a full-featured CRUD application for managing a collection of books. The front-end utilizes Angular Flex Layout and Bootstrap for a responsive and attractive design.
- CRUD Operations: Create, read, update, and delete book entries in the MongoDB database.
- Data Import/Export: Import data from an Excel spreadsheet to populate the book table and export the table data as an Excel file for external viewing.
- Statistics Visualization: View various statistics through charts created with Ngx Charts.
- Responsive Design: Uses Bootstrap and Angular Flex Layout for a responsive and user-friendly interface.
- Search Functionality: Implement a search feature to quickly find books in the table.
- Data Deletion: Fix the issue of data duplication when viewing an Excel file by adding the option to delete table data.
- Sorting: Add the ability to sort table data based on different columns.
To get started with this project, clone the repository and follow the instructions below.
- Node.js
- Angular CLI > 16
- MongoDB
-
Clone the repository:
git clone https://github.com/CamilaRomualdo/angular-training.git cd angular-training
-
Install dependencies:
npm install
-
Start the MongoDB server.
-
Run the Express server:
npx server src/index.js
-
Start the Angular application:
Run `ng serve` for a dev server.
- Navigate to
http://localhost:4200
in your browser to use the book management interface. - Open
http://localhost:8000
to view the data from the server. - In MongoDB Compass, you will see a collection called bookstore where the book data is stored.