π©π»βπ» BlogSpace website built while learning to work with APIs through Frontend Developer Bootcampon Scrimba.
View the live version here: https://blog-space-lucieyarish.netlify.app/
BlogSpace fetches first 5 posts from JSON Placeholder API and also enables users to create new blog post via the form that then gets added to the listed blog posts.
This project is a combination of code-along and building chunks of the website on my own through challenges set by the teacher. The design was created by me.
![Screenshot 2024-01-11 at 10 01 51](https://private-user-images.githubusercontent.com/79669599/295853542-207d4b10-73ef-4182-8410-3d77c2712abe.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjM5NjM4ODUsIm5iZiI6MTcyMzk2MzU4NSwicGF0aCI6Ii83OTY2OTU5OS8yOTU4NTM1NDItMjA3ZDRiMTAtNzNlZi00MTgyLTg0MTAtM2Q3N2MyNzEyYWJlLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MTglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODE4VDA2NDYyNVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTQxY2MzODE2ZTkwN2RiZTVkOTk4M2ViZjFmOGI3MGZhY2MzMWE1NDdlNGJlMTA0NTFkODU2ZWVhMzQ3MTVhOGYmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.8z_HVQA3TaWcAi9kHwhWFWvU7kb8KAL34_UCl83zx94)
![Screenshot 2024-01-11 at 10 02 28](https://private-user-images.githubusercontent.com/79669599/295853709-7d73a7e4-d04c-4058-a2e1-cc873a6fb52a.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjM5NjM4ODUsIm5iZiI6MTcyMzk2MzU4NSwicGF0aCI6Ii83OTY2OTU5OS8yOTU4NTM3MDktN2Q3M2E3ZTQtZDA0Yy00MDU4LWEyZTEtY2M4NzNhNmZiNTJhLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MTglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODE4VDA2NDYyNVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTJjNDZjMjI5ZTgwZmI5NzJhOTkwZDJiM2Q2MWE3ZmM2OGFlMGFiZGExY2JkNmI0YWQ1MGRlM2RlY2ZjYjdjMzgmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.vFoJYQWA32eH_qDthVrrzVkEX0PIMx5zk4jgLQXXNPg)
![Screenshot 2024-01-11 at 10 02 49](https://private-user-images.githubusercontent.com/79669599/295853798-4f9089c0-ad6c-4103-9e80-55329605d676.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjM5NjM4ODUsIm5iZiI6MTcyMzk2MzU4NSwicGF0aCI6Ii83OTY2OTU5OS8yOTU4NTM3OTgtNGY5MDg5YzAtYWQ2Yy00MTAzLTllODAtNTUzMjk2MDVkNjc2LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MTglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODE4VDA2NDYyNVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWZhMjk0ZjY3MGEyMDhlNDVkM2VjNWUwZWI1MTU3MDMyZjRmNDcxZDNkMWViMTMzZDNhNGE5NmU1M2RlNTZmZWImWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.qg74Ep3-5cKC4rj2HYa97WzKqBcqD3reIOHnrNDqgv8)
While working on this project via Scrimba's Frontend Developer Career Path, I learned/practiced the following concepts:
- Servers & clients
- Request/response cycle
- APIs
- JSON
fetch
syntax
- URLs, endpoints
- Methods
- Body
- Headers
- Resources
- Parameters
- Queries