In this project, you'll create a blog platform using Angular, focusing on core topics such as Directives, Pipes, Forms, Services, and HTTP operations. Users can create, edit, and delete blog posts. Blog application will use json-server as a mock backend
PS: feel free to adjust or add your own dataset like user accounts for logging in reasons
-
On the Blog Platform, users can:
- Create a new blog post with a title, author, content, and date.
- View a list of all blog posts.
- Read the full content of a blog post.
- Edit existing posts.
- Delete posts.
- Admin dashboard
- Accessed only by admin or editors
- Display users
- Block users
-
Ensure you're familiar with:
- Structural Directives.
- Creation of custom directives.
- Use of built-in pipes and creation of custom pipes.
- Angular Forms: Template-Driven and Reactive Forms.
- Form validation and custom validators.
- Understanding of Angular services and dependency injection.
- CRUD operations using the HttpClient module.
-
Ensure you have json-server installed. If not, install it globally:
- Install json-server globally:
npm install -g json-server
- Run
json-server --watch db.json -p 4200
ornpm run server
to start the mock backend server
- Install json-server globally:
You should follow this GitHub workflow:
- Think of it as an open-source project
- Fork the repository
- Open a PR from your origin (forked repo) against this repository
- Leave a comment and tag me
If you have any further questions. Post your question in PathWright Community tab.