https://github.com/agnii555/tinytweets

TinyTweets is a micro-blogging application that allows you to view, create and update blogs. This micro blogging application is developed using JavaScript, HTML and SCSS.
https://github.com/agnii555/tinytweets

crud css html javascript json scss xml xmlhttprequest

Last synced: 26 days ago
JSON representation

TinyTweets is a micro-blogging application that allows you to view, create and update blogs. This micro blogging application is developed using JavaScript, HTML and SCSS.

• Host: GitHub
• URL: https://github.com/agnii555/tinytweets
• Owner: Agnii555
• Created: 2023-12-28T05:49:04.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2023-12-28T05:53:34.000Z (about 1 year ago)
• Last Synced: 2024-11-07T21:38:06.427Z (3 months ago)
• Topics: crud, css, html, javascript, json, scss, xml, xmlhttprequest
• Language: JavaScript
• Homepage: https://tinytweets.netlify.app/
• Size: 42 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# TinyTweets

Creation of TinyTweets, a simple micro-blogging application using JavaScript.

# Project Description

TinyTweets : TinyTweets is a micro-blogging application that allows you to view, create and update blogs. This micro blogging application is developed using Javascript, HTML and SCSS.

# Requirements

Every blog contains a title, content, author, and creation date.

All the existing blogs are fetched from the JSON file using XMLHttpRequest.

All blogs are clickable and expandable using CSS transitions.

Able to add a new blog by clicking the create button. Opening an editable card with the blog details. 

Able to add a blog by entering the title, content, and author with current date and time.

Able to update a blog as complete by clicking an update icon with the editable blog content and author fields.

# Instructions to run the Project

1. Take a Clone of the repository - `https://github.com/Agnii555/tinytweets.git`

2. Once the clone is ready open the project folder inside VScode or any other code editor.

3. Open the index.html using Live server for VSCode Or just open the the index.html in the browser.

# Instructions to save any styling changes

Run `npm run sass-dev` command in the terminal for building the css and the built css will be available under dist/. This command also watches the changes and continously rebuilds the css.