GithubHelp home page GithubHelp logo

touitter-app's Introduction

Touitter - Twitter Clone

This project is a simple clone of the Twitter interface built using HTML, CSS, and JavaScript. The goal of this project is to create a functional replica of the Twitter platform with a limited set of features.

Table of contents

Overview

Description

This app is a simple recreation of the Twitter interface and offers the same functionalities as the real Twitter platform. With this app, you can view a number of tweets and interact with them by liking, retweeting, viewing comments and even creating new tweets. The app has been built using Vanilla JavaScript, making it lightweight and easy to understand.

Features

  • Like tweets
  • Retweet tweets
  • View comments
  • Create new tweets

The interface consists of a list of tweets, each tweet displaying the username, the content of the tweet, the number of likes, retweets, and comments. The user can like a tweet by clicking the heart icon next to it. The number of likes for that tweet will increase by one. The user can also retweet a tweet by clicking the retweet icon. The user can view comments for a tweet by clicking on the comment icon. This will bring up a list of comments for that tweet. Finally, the user can create a new tweet by clicking on the "Tweet" button and entering the tweet in the text area.

Demo

Demo

Links

Built with

CSS3 HTML5 JavaScript

How to run the project

To use this Twitter clone, you need to run it on a live server. This is because the script tag in the index.html file has its type set to "module". Opening the index.html file directly in a web browser won't work.

Author

Fatimata Ndiaye

Email Github profile

touitter-app's People

Contributors

fatima-ndiaye 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.