This repository contains three simple web applications built using core HTML, CSS, and JavaScript. Each application serves a specific purpose and provides a basic demonstration of web development concepts. Table of Contents
1->Blog App => Link : https://sage-dodol-50a588.netlify.app/
2->Movie Search App => Link : https://gleeful-bubblegum-b34d78.netlify.app/
3->Todo App => Link : https://dreamy-cassata-061f4f.netlify.app/
- Blog App
The Blog App allows users to create and view blog posts. Users can add new posts with images, titles, descriptions, and content. Existing posts are displayed on the main page with the ability to read more details about each post. Features:
Add new blog posts with images, titles, descriptions, and content.
View a list of all blog posts on the main page.
Click on "Read More" to view the complete content of a specific blog post.
Technologies Used:
HTML
CSS
JavaScript
How to Use:
Open the index.html file in a web browser to access the main page.
Click the "+" button in the header to open the modal for adding a new blog post.
Fill in the required fields (Image URL, Title, Description, Content) and click "Add Blog" to add a new post.
Existing posts are displayed on the main page. Click "Read More" to view the full content of a post.
- Movie Search App
The Movie Search App allows users to search for movies using the OMDB API. Users can enter a movie name, and the app will display a list of matching movie titles along with their posters. Features:
Search for movies by entering a movie name.
Display a list of matching movies with their titles and posters.
Technologies Used:
HTML
CSS
JavaScript
OMDB API
How to Use:
Open the index.html file in a web browser to access the main page.
Enter a movie name in the search box and click the "Search" button.
Matching movies will be displayed below with their titles and posters.
- Todo App
The Todo App allows users to create a simple todo list. Users can add tasks, mark tasks as completed, and remove tasks from the list. Features:
Add new tasks to the todo list.
Mark tasks as completed or uncompleted.
Remove tasks from the list.
Technologies Used:
HTML
CSS
JavaScript
How to Use:
Open the index.html file in a web browser to access the main page.
Enter a task in the input field and press "Enter" or click the "Add Todo" button.
The added task will appear in the list. Click the "Complete" button to mark a task as completed, or click the "Remove" button to delete a task.
Feel free to explore and experiment with these applications to get a better understanding of how HTML, CSS, and JavaScript work together to create interactive web experiences. If you have any questions or feedback, please don't hesitate to reach out.
Note: These applications are meant for educational purposes and serve as a basic demonstration of web development concepts. They may not include advanced features or error handling.