Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/surajdeed/angular-project
This project is a comprehensive full-stack application built using Angular for the frontend, NestJS for the backend, and Mongoose for the database interactions with MongoDB. The application provides functionalities to create, update, view, and delete user records. Additionally, it includes features to generate, view, and download user data in PDF
https://github.com/surajdeed/angular-project
angular angularjs expressjs full-stack-web-development nestjs tailwindcss
Last synced: about 1 month ago
JSON representation
This project is a comprehensive full-stack application built using Angular for the frontend, NestJS for the backend, and Mongoose for the database interactions with MongoDB. The application provides functionalities to create, update, view, and delete user records. Additionally, it includes features to generate, view, and download user data in PDF
- Host: GitHub
- URL: https://github.com/surajdeed/angular-project
- Owner: SurajDEED
- Created: 2024-06-03T03:05:38.000Z (8 months ago)
- Default Branch: main
- Last Pushed: 2024-06-03T03:28:21.000Z (8 months ago)
- Last Synced: 2024-12-18T18:12:19.249Z (about 1 month ago)
- Topics: angular, angularjs, expressjs, full-stack-web-development, nestjs, tailwindcss
- Language: TypeScript
- Homepage:
- Size: 192 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Angular Project
## About the Project
This project is a full-stack web application built using Angular for the frontend, NestJS for the backend, and Mongoose for database services.
The application allows users to perform CRUD (Create, Read, Update, Delete) operations on user data. Additionally, it offers functionalities for
viewing, downloading, and generating PDFs.
### Key Features
- **User Management**: Create, view, update, and delete user information.
- **PDF Operations**: Generate, view, and download PDF documents based on user data.
- **Full-Stack Integration**: Seamless interaction between frontend and backend services.
- **Database Service**: Efficient data handling using Mongoose with MongoDB.
### Technologies Used
- **Frontend**: Angular
- **Backend**: NestJS
- **Database**: MongoDB with Mongoose
### Application Structure
- **Frontend (Angular)**:
- Components for user operations.
- Services for handling HTTP requests.
- Modules for organizing application features.
- **Backend (NestJS)**:
- Controllers for defining API routes.
- Services for business logic.
- Mongoose schemas for database models.
This project demonstrates the integration of a modern frontend framework with a robust backend framework and efficient database service, providing a comprehensive solution for user management and PDF operations.
Example:
This is a simple Angular project that demonstrates the basics of Angular framework including components, services, routing, and HTTP client.
## Features
- Feature 1: Describe the feature here
- Feature 2: Describe the feature here
- Feature 3: Describe the feature here
## Getting Started
To get a local copy up and running follow these simple steps.
### Prerequisites
Ensure you have the following installed:
- [Node.js](https://nodejs.org/en/)
- [Angular CLI](https://cli.angular.io/)
### Installation
1. Clone the repo
```sh
git clone https://github.com/SurajDEED/angular-project.git
2. Navigate to the project directory
```sh
cd fullApp
3. Install NPM packages for both frontend and backend
```sh
npm install
cd user-data
npm install
cd ../app
npm install
4. Note: Change the MongoDB URL to the URL of your local system to ensure the database functionality works properly.
Install Dependencies: Ensure you have all necessary dependencies installed.
npm install
### Update MongoDB URL:
Open the configuration file where the MongoDB URL is set (e.g., config.js or .env).
Change the MongoDB URL to the URL of your local system to ensure the database functionality works properly.
```sh
MONGODB_URI=mongodb://localhost:27017/your-database-name
### Usage
``` sh
Run the Backend Server:
npm start
Run the Frontend Application:
ng serve
Your Name - @surajDEED - [email protected]