π©π»βπ» 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.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTg4MzQ1NDEsIm5iZiI6MTcxODgzNDI0MSwicGF0aCI6Ii83OTY2OTU5OS8yOTU4NTM1NDItMjA3ZDRiMTAtNzNlZi00MTgyLTg0MTAtM2Q3N2MyNzEyYWJlLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA2MTklMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNjE5VDIxNTcyMVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWNhNmY2NThmZTVmOTY1NWY2MWVkOGY5MDkyZmJhYjBhZTJkZTFjMjljOTNjZTBlZDg5M2YxOTcyMzMzYzg3OTMmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.AvYVfJYJIw8fIHU_QeUnAyAhmHLB5ySlDO5kF3KsgRs)
![Screenshot 2024-01-11 at 10 02 28](https://private-user-images.githubusercontent.com/79669599/295853709-7d73a7e4-d04c-4058-a2e1-cc873a6fb52a.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTg4MzQ1NDEsIm5iZiI6MTcxODgzNDI0MSwicGF0aCI6Ii83OTY2OTU5OS8yOTU4NTM3MDktN2Q3M2E3ZTQtZDA0Yy00MDU4LWEyZTEtY2M4NzNhNmZiNTJhLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA2MTklMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNjE5VDIxNTcyMVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWZhNDYzMTI1MDlkYzAyMzBjOWE4ODg1YjE2YTRiNjZmZTk1ZTQxMzQzNDRjZWM4MzE4MDE4NmRkZGY2YTgxOTgmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.cWIE-L0VXAc4hMdOg6NWvBwk2POG3dAY-BNcoM5JiLc)
![Screenshot 2024-01-11 at 10 02 49](https://private-user-images.githubusercontent.com/79669599/295853798-4f9089c0-ad6c-4103-9e80-55329605d676.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTg4MzQ1NDEsIm5iZiI6MTcxODgzNDI0MSwicGF0aCI6Ii83OTY2OTU5OS8yOTU4NTM3OTgtNGY5MDg5YzAtYWQ2Yy00MTAzLTllODAtNTUzMjk2MDVkNjc2LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA2MTklMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNjE5VDIxNTcyMVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTAwYzMwYTU4Y2NiMzJhZDUwODVjZjBjMjgwNzYxNzg2N2MyOTU4ZjYxMjU5NzdmODIzNjRhMWUzMzIwOWVlMWYmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.0inSGbk3H87nl1nZVd2ksTJoLJBHH4dx5yCZ-s-mUvc)
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