Code Monkey home page Code Monkey logo

milestone2-repo's Introduction

MileStone2-Repo

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/


  1. Blog App

Web capture_7-8-2023_233323_sage-dodol-50a588 netlify app

Web capture_7-8-2023_233351_sage-dodol-50a588 netlify app

Web capture_7-8-2023_233411_sage-dodol-50a588 netlify 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.
  1. Movie Search App

Web capture_7-8-2023_232219_gleeful-bubblegum-b34d78 netlify 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.
  1. Todo App

Web capture_7-8-2023_234318_dreamy-cassata-061f4f netlify 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.

milestone2-repo's People

Contributors

sbsidd17 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.