- Fork this repo
- Create a single-page application for a blogging website with Angular / Next / React
- Use TypeScript if your framework of choice supports it
- Prepare a pull request and let us know that you are done
- Use common sense and don't spend too much time on a single task if you get stuck
- This task might not specify every single detail of how it should be implemented. When in doubt, improvise and go with a solution that you think would work best for a project like this
- Use the latest version of Angular / Next / React
- Use the API to retrieve data (details below)
- Make sure the app is responsive and looks clean ๐
- Use components where applicable
Keep in mind that candidates who used TypeScript will have an upper hand during the initial filtering.
The website should have the following pages (components):
Homepage
Should contain a list of all blog posts.
Post page
Should contain post title, full-content, post author details, a link to the post's edit page.
Post creation page
Should contain a form for creating a new post. It should have 2 inputs: title and post body. Once the form is submitted it should make a POST
request to a corresponding API endpoint with all inputs in the request body.
Post edit page
The form should be the same as with post creation. The only difference is that inputs should be pre-filled and that the app should run a PUT
request to another endpoint.
Use this API service that provides random data for a blog project like this: https://jsonplaceholder.typicode.com/
For example, to retrieve a list of all available posts you would run a GET
request to the following URL:
https://jsonplaceholder.typicode.com/posts
Similarly, you would run a PUT
request to the following URL to update a post with an ID of 3
:
https://jsonplaceholder.typicode.com/posts/3
Please note that when updating or creating new entries, the API might not save the changes. That is fine as long as you make the necessary POST
/ PUT
requests.
- We always prefer the code that is robust, easy to read and re-usable
- Make design user friendly
- Have fun!