search

Abhishek-Mallick / universal-box

Project scaffolding just got easier ā€” streamline your development with Universal-Box's pre-built templates and one-click deployment! šŸš€
https://universal-box.dev
Apache License 2.0
28 stars 26 forks source link

template: Angular + Node.js template #108

Closed Avinashs7 closed 1 month ago

Avinashs7 commented 1 month ago

Template Ready: #100 Angular + Node.js/Express - FullStack

Description:

Backend

Frontend

Commit: aba8f7df60741809113181fc34d5da4eb153111e Author: Avinashs7 Date: 02/10/2024

Summary by CodeRabbit

vercel[bot] commented 1 month ago

The latest updates on your projects. Learn more about Vercel for Git ā†—ļøŽ

Name Status Preview Comments Updated (UTC)
universal-box āœ… Ready (Inspect) Visit Preview šŸ’¬ Add feedback Oct 2, 2024 11:51am
coderabbitai[bot] commented 1 month ago

Walkthrough

This pull request introduces a comprehensive setup for a full-stack Angular and Node.js application. It includes essential configuration files for both frontend and backend, such as .editorconfig, .gitignore, and various TypeScript configuration files. The Angular application features components for navigation, user authentication, and a main layout, while the Node.js backend implements user management with authentication and registration functionalities. Additionally, it establishes a connection to a MongoDB database and includes error handling utilities.

Changes

File Path Change Summary
client/.editorconfig New file added to set coding style guidelines.
client/.gitignore New file added to specify files and directories for Git to ignore.
client/.vscode/extensions.json New file added to recommend VS Code extensions for Angular development.
client/.vscode/launch.json New file added for configuring launch settings for debugging the Angular app in Chrome.
client/.vscode/tasks.json New file added to define tasks for running the application and tests in VS Code.
client/angular.json New configuration file added for Angular project settings.
client/package.json New file added to define project metadata and scripts for the Angular application.
client/server.ts New file added to define an Express server with server-side rendering capabilities.
client/src/app/app.component.html New structure added with <app-navbar>, <main>, and <app-footer> components.
client/src/app/app.component.spec.ts New test suite added for AppComponent with multiple test cases.
client/src/app/app.component.ts New AppComponent defined as a standalone component.
client/src/app/app.config.server.ts New configuration file for server-side rendering capabilities.
client/src/app/app.config.ts New application configuration file added.
client/src/app/app.routes.ts New routing configuration defined for the application.
client/src/app/components/footer/footer.component.html New footer component HTML structure added.
client/src/app/components/footer/footer.component.spec.ts New test suite added for FooterComponent.
client/src/app/components/footer/footer.component.ts New FooterComponent defined as a standalone component.
client/src/app/components/home/home.component.html New HTML structure introduced for the home component.
client/src/app/components/home/home.component.spec.ts New test suite added for HomeComponent.
client/src/app/components/home/home.component.ts New HomeComponent defined as a standalone component.
client/src/app/components/navbar/navbar.component.html New HTML template added for the navbar component.
client/src/app/components/navbar/navbar.component.spec.ts New test suite added for NavbarComponent.
client/src/app/components/navbar/navbar.component.ts New NavbarComponent defined as a standalone component.
client/src/app/components/signin/signin.component.html New HTML template added for the sign-in component.
client/src/app/components/signin/signin.component.spec.ts New test suite added for SigninComponent.
client/src/app/components/signin/signin.component.ts New SigninComponent defined for user authentication.
client/src/app/components/signup/signup.component.html New HTML template added for the signup component.
client/src/app/components/signup/signup.component.spec.ts New test suite added for SignupComponent.
client/src/app/components/signup/signup.component.ts New SignupComponent defined for user registration.
client/src/index.html New main entry HTML file for the Angular application.
client/src/main.server.ts New file for bootstrapping the Angular application on the server side.
client/src/main.ts New entry point for bootstrapping the Angular application.
client/src/styles.css New CSS styles added for the body element.
client/tsconfig.app.json New TypeScript configuration file for the Angular app.
client/tsconfig.json New TypeScript configuration file for the project.
client/tsconfig.spec.json New TypeScript configuration file for test specifications.
server/.env.sample New sample environment variable file for server configuration.
server/.prettierrc New Prettier configuration file for code formatting.
server/package.json New package.json file for the Node.js server setup.
server/src/controller/user.controller.js New controller added for handling user login and registration.
server/src/index.js New entry point for the Node.js server setup.
server/src/middleware/auth.middleware.js New middleware function for user authentication.
server/src/models/user.model.js New Mongoose model for user management added.
server/src/routes/user.route.js New routing module for user-related operations added.
server/src/utils/ApiError.js New custom error class for handling API errors.
server/src/utils/ApiResponse.js New class for structuring API responses.
server/src/utils/DB_config.js New utility function for connecting to MongoDB added.

Possibly related issues

šŸ° In a world of code, so bright and new,
A rabbit hops forth, with changes to view.
With Angular's grace and Node's swift might,
A full-stack template, a developer's delight!
From navbar to footer, all neatly aligned,
In this wondrous project, joy you will find! šŸŒŸ

Thank you for using CodeRabbit. We offer it for free to the OSS community and would appreciate your support in helping us grow. If you find it useful, would you consider giving us a shout-out on your favorite social media?

ā¤ļø Share - [X](https://twitter.com/intent/tweet?text=I%20just%20used%20%40coderabbitai%20for%20my%20code%20review%2C%20and%20it%27s%20fantastic%21%20It%27s%20free%20for%20OSS%20and%20offers%20a%20free%20trial%20for%20the%20proprietary%20code.%20Check%20it%20out%3A&url=https%3A//coderabbit.ai) - [Mastodon](https://mastodon.social/share?text=I%20just%20used%20%40coderabbitai%20for%20my%20code%20review%2C%20and%20it%27s%20fantastic%21%20It%27s%20free%20for%20OSS%20and%20offers%20a%20free%20trial%20for%20the%20proprietary%20code.%20Check%20it%20out%3A%20https%3A%2F%2Fcoderabbit.ai) - [Reddit](https://www.reddit.com/submit?title=Great%20tool%20for%20code%20review%20-%20CodeRabbit&text=I%20just%20used%20CodeRabbit%20for%20my%20code%20review%2C%20and%20it%27s%20fantastic%21%20It%27s%20free%20for%20OSS%20and%20offers%20a%20free%20trial%20for%20proprietary%20code.%20Check%20it%20out%3A%20https%3A//coderabbit.ai) - [LinkedIn](https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fcoderabbit.ai&mini=true&title=Great%20tool%20for%20code%20review%20-%20CodeRabbit&summary=I%20just%20used%20CodeRabbit%20for%20my%20code%20review%2C%20and%20it%27s%20fantastic%21%20It%27s%20free%20for%20OSS%20and%20offers%20a%20free%20trial%20for%20proprietary%20code)
šŸŖ§ Tips ### Chat There are 3 ways to chat with [CodeRabbit](https://coderabbit.ai): - Review comments: Directly reply to a review comment made by CodeRabbit. Example: - `I pushed a fix in commit , please review it.` - `Generate unit testing code for this file.` - `Open a follow-up GitHub issue for this discussion.` - Files and specific lines of code (under the "Files changed" tab): Tag `@coderabbitai` in a new review comment at the desired location with your query. Examples: - `@coderabbitai generate unit testing code for this file.` - `@coderabbitai modularize this function.` - PR comments: Tag `@coderabbitai` in a new PR comment to ask questions about the PR branch. For the best results, please provide a very specific query, as very limited context is provided in this mode. Examples: - `@coderabbitai gather interesting stats about this repository and render them as a table. Additionally, render a pie chart showing the language distribution in the codebase.` - `@coderabbitai read src/utils.ts and generate unit testing code.` - `@coderabbitai read the files in the src/scheduler package and generate a class diagram using mermaid and a README in the markdown format.` - `@coderabbitai help me debug CodeRabbit configuration file.` Note: Be mindful of the bot's finite context window. It's strongly recommended to break down tasks such as reading entire modules into smaller chunks. For a focused discussion, use review comments to chat about specific files and their changes, instead of using the PR comments. ### CodeRabbit Commands (Invoked using PR comments) - `@coderabbitai pause` to pause the reviews on a PR. - `@coderabbitai resume` to resume the paused reviews. - `@coderabbitai review` to trigger an incremental review. This is useful when automatic reviews are disabled for the repository. - `@coderabbitai full review` to do a full review from scratch and review all the files again. - `@coderabbitai summary` to regenerate the summary of the PR. - `@coderabbitai resolve` resolve all the CodeRabbit review comments. - `@coderabbitai configuration` to show the current CodeRabbit configuration for the repository. - `@coderabbitai help` to get help. ### Other keywords and placeholders - Add `@coderabbitai ignore` anywhere in the PR description to prevent this PR from being reviewed. - Add `@coderabbitai summary` to generate the high-level summary at a specific location in the PR description. - Add `@coderabbitai` anywhere in the PR title to generate the title automatically. ### CodeRabbit Configuration File (`.coderabbit.yaml`) - You can programmatically configure CodeRabbit by adding a `.coderabbit.yaml` file to the root of your repository. - Please see the [configuration documentation](https://docs.coderabbit.ai/guides/configure-coderabbit) for more information. - If your editor has YAML language server enabled, you can add the path at the top of this file to enable auto-completion and validation: `# yaml-language-server: $schema=https://coderabbit.ai/integrations/schema.v2.json` ### Documentation and Community - Visit our [Documentation](https://coderabbit.ai/docs) for detailed information on how to use CodeRabbit. - Join our [Discord Community](http://discord.gg/coderabbit) to get help, request features, and share feedback. - Follow us on [X/Twitter](https://twitter.com/coderabbitai) for updates and announcements.
Abhishek-Mallick commented 1 month ago

Good work @Avinashs7 !!