https://github.com/pradhuman-pandey/conduit

Conduit Web Application
https://github.com/pradhuman-pandey/conduit

angular babelrc best-practices docker eslint express helmet javascript jwt mongodb nodejs typescript

Last synced: 4 days ago
JSON representation

Conduit Web Application

• Host: GitHub
• URL: https://github.com/pradhuman-pandey/conduit
• Owner: pradhuman-pandey
• License: mit
• Created: 2024-09-14T07:55:10.000Z (3 months ago)
• Default Branch: main
• Last Pushed: 2024-09-15T15:19:46.000Z (3 months ago)
• Last Synced: 2024-10-10T18:22:11.545Z (2 months ago)
• Topics: angular, babelrc, best-practices, docker, eslint, express, helmet, javascript, jwt, mongodb, nodejs, typescript
• Language: HTML
• Homepage:
• Size: 214 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# 🅰️ Condiut

This repository contains the **Angular Node js full stack Real-World Example App**, a fully functional and feature-rich application built using Angular, designed to demonstrate best practices in modern web application development. The app integrates key features like authentication, CRUD operations, routing, and pagination.

## 📚 Table of Contents

- [About](#about)

- [Tech Stack](#tech-stack)

- [Features](#features)

- [Installation](#installation)

- [Running the Application](#running-the-application)

- [Project Structure](#project-structure)

- [Browser Support](#browser-support)

- [Contributing](#contributing)

- [License](#license)

## 📖 About

This project aims to provide a fully-fledged, medium-complexity application using Angular, illustrating how to structure a real-world app. It's an excellent resource for anyone learning Angular or building their own projects with best practices in mind.

The app interacts with an actual backend server and showcases the following key functionalities:

- **🔐 JWT-based user authentication**

- **📝 CRUD operations on articles**

- **💬 Interactive comments system**

## 🛠️ Tech Stack

- **Angular** (Version 17)

- **RxJS** for reactive programming

- **TypeScript** as the primary programming language

## 🌟 Features

- **🔐 JWT-based User Authentication**: User login, registration, and secure access using JSON Web Tokens.

- **📝 CRUD Operations**: Create, read, update, and delete articles in the application.

- **💬 Article Comments**: Users can post and manage comments on articles.

- **🚦 Routing**: Client-side routing to ensure a seamless single-page app experience.

- **📃 Pagination**: Manage large datasets with easy-to-use pagination for articles.

- **📱 Fully Responsive**: Works across all devices, from mobile to desktop.

## 💻 Installation

1. **Clone the Repository**:

   ```bash

   git clone https://github.com/yourusername/angular-realworld-example-app.git

   cd angular-realworld-example-app

2. **npm install**

3. **ng serve**