Coder Social home page Coder Social logo

twitter-clone's Introduction

Twimba(Twitter-Clone)

The Twimba project's aim is to render tweets and replies from hardcoded data.

Twimba

In this project, I accomplished new methods and concepts. Here is a list of them:

  • <textarea> HTML element
    • Used for multi-line text input
  • .forEach() array method
    • Allows to iterate each element in an array
  • data-... attributes
    • Used to store information inside the elements and enable identifying which tweet or icon belongs to them
  • conditionally render styles
    • When a tweet is liked or retweeted, a class will be added to change the CSS style under the control of a boolean condition
  • NOT operator (!)
    • Used for flip a boolean value
  • CDNs (Content Delivery Network)
    • add icons from Font Awesome
      • For better user experience
    • generate UUIDs (Universally Unique Identifier)
      • Used for generate random uuids for new tweets

Strech Goals

There are some strech goals for improvement for this project:

  1. Add the ability to reply to a specific tweet ✅ *
  2. Save tweets, likes and retweets to localStorage ⬜
  3. Allow a user to delete a tweet ⬜

and customize it your own way.

*Checkboxes will be checked once a task has been completed.


This project was accomplished with Scrimba as a course project in the Frontend Developer Career Path.

twitter-clone's People

Contributors

aysenur-aydin avatar

Watchers

Kostas Georgiou avatar  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.