Project Overview and Setup - Angular 6 / Angular 7
Posted at: December 14, 2018 4:19 PM
Project Overview
In this project we will create Blogger Project in Angular 6/7 with CodeIgniter 3.x for web services and MySQL for database. Admin and fronted both side features included in this project. Admin features like as admin login, logout, manage post, manage static pages etc. Fronted features like as show blog post, blog detail page, static pages etc.
Core Features
- Project Overview and Setup
- Bootstrap Integration
- Project Structure and Create All Modules
- Create Routing and Navigation
- Theme Integration and Create Home Page
- Deployment on live server
Fronted Features
- Blog listing page on fronted
- Blog detail page on fronted
- Show static page like as About, Contact etc.
- Create contact form and data send at email
Admin Features
- Admin Login
- Admin Dashboard
- Admin Logout
- CRUD #1 Admin create blog post
- CRUD #2 Admin can view blog list
- CRUD #3 Admin can edit blog post
- CRUD #4 Admin can delete blog post
- Admin can view static pages like as About, Contact, etc.
- Admin can view list of categories
Project Setup
Angular require Node.js. If you have already installed Node.js then to check your version, run node -v in a terminal/console window.
If you want to install Node.js then to get Node.js, go to nodejs.org
Install the Angular CLI
Create new project using below command
Press "y" for create routing module and press Enter key.
Select stylesheet format for this project and press Enter key. If you want another stylesheet format then you can select format by press up-down arrow key.
Load project directory "blogger"
Now run this project
Project Layout
Home Page
Blog Detail Page
Admin Login Page
Admin Blog Listing Page
This lesson also available on YouTube
More Posts - Angular Project Training
- Project Overview and Setup
- Bootstrap Integration
- Project Structure and Create Modules and Components
- Theme Integration and Create Home Page
- Create Routing, Navigation and Inner Page
- Service and Http Client, Blog Listing and Featured Blog
- Service and Http Client for Blog Detail, Recent Blog and Categories
- Service and Http Client for Create Static Pages
- Create Contact Form and Send Data on Email
- Login and Logout using Web API with Token Based Authentication
- CRUD #1 Admin can View Blog List
- CRUD #2 Create, Edit, and Delete Blog with File Upload
- Set HTTP Base URLs of Production and Development Environment
- Angular Project Deployment on Live Server
Angular 6/7 Tutorial in Hindi
Angular 7 is a JavaScript based framework for building web applications and apps in JavaScript, html, and TypeScript, which is a superset of JavaScript, used to create Single Page Applications.
truecodex.com provides video tutorial for enough understanding of all the necessary components of Angular 6 and Angular 7.
truecodex.com will keep uploading videos of the latest features of Angular. Please subscribe my channel for latest videos.
Please leave comments
28 Comments
