Creating a HTML5 Twitter web app..

[Spirit]

Hi everyone! I'm new here

I have some troubles right now while trying to do a small project. I was asked to create an HTML web app that adds short text entries (including the Send button), with sort and search options. It should also display the previous entries (the web app would be kinda like a small twitter version). Problem is that I have no idea of how or where to start, it should be done only with HTML and CSS. Does anyone have any advice or hint I could use? What would the the approach for an app like this?

Thanks! Hope someone can help me!

[zcorpan]

Should it be possible to send tweets and for other people to view those tweets? If so, you'll need a server side component that stores the tweets (probably in a database). If you're only supposed to use HTML and CSS, it seems to me it would be a dummy app where you can only see your own tweets.

[Spirit]

Hey Zcorpan! Thanks for your reply! Yeah, that's what I think so too. No databases for this, only HTML and CSS, so, I'd be able to see only my tweets. Do you know what approach should I follow? Hints or something?

Thanks again!

[zcorpan]

For storing the tweets client side, there are several approaches. If you don't mind the tweets going away when you reload the page, you can just insert the submitted data to the DOM with javascript. If you want them to be retained on reload, you need to store them using localStorage or indexedDB. localStorage is simple, is widely supported, and is probably what I'd use here. indexedDB is a more powerful API and is async, but harder to grasp and is less widely supported(you probably have to use a polyfill if you want cross-browser support).

[Spirit]

Ooooh.. hmmm.. I guess I have an idea now using localStorage. They told me only HTML/CSS, but as you said, I guess JavaScript is also necessary.. I'll try with that approach, thanks a lot Zcorpan!

It should also have the possibility to sort and search the entries by keywords, hashtags and date. Any approach for that?

[zcorpan]

It should also have the possibility to sort and search the entries by keywords, hashtags and date. Any approach for that?

If you're not supposed to use JS for this, I think you have to be amazingly genius to pull it off with CSS tricks. That said, you can probably find tips for how to accomplish this using your favorite search engine (or try to think of possible solutions yourself, maybe that's the idea?).

[Spirit]

Probably I think... Well, I have thought in some solutions! I'll be working on this asap! thanks a lot for your help!!