A Blog rendering application build using vanilla JS.
A vanilla JS application which fetches data from a external API in JSON format and creates blog markup and related links markup and renders all the components on the HTML DOM (Web Page)
- fetch json data using FETCH API asynchronously
- create html blog markup and related links markup
- and Renders all the blog and related link component on the HTML DOM
- dynamically render the blog on the same page on clicking the related link for better user experience
- Implemented Event Delegation for Better Performance and to Reduce the no of events listener on the web page
- Persistent user dark mode preference
- Fully Mobile Responsive App
- You need to have a basic knowledge of HTML, CSS and JavaScript, variables, arrays, functions and objects, Asynchronous JS, SCSS under your belt.
- Additionally, you need to have Git, VS Code text editor installed on your computer.
- Fetch API to fetch data from api
- SASS Tutorial Documentation
- Live server to run the project. Click here to see download instructions and how to use live server to tun the project
- clone the repository using below command
git clone https://github.com/ialtafshaikh/blog
- And run the index.html using Live server
To Host the Project I had used Github Pages. To learn more visit her
- Light and Dark Mode
- JS Event Listener
- CSS Animation
- JS Modules
- JS Dom Manipulation
- Fetch API with await and async
- Fetch API Documentation
- Flex Box
- Event Delegation
- Event Delegation video
- SASS Tutorial Documentation
- SASS crash course video
- Altaf Shaikh - work by - ialtafshaikh
This project is licensed under the MIT License - see the LICENSE.md file for details