Coder Social home page Coder Social logo

main's Introduction

TWITTIE

Twittie is a already responsive web app which let you share photos and your beloved moments with friend. It is made by using React Js + Context API + Firebase Firestore and proposed as a clone for twitter.com. Kindly please watch out my demo or go to the deployed url here.

Features

  • Sign up
  • Login
  • Logout
  • Add tweet
    • Add image
    • Crop image (provided aspect ratio: original size, 16:9, 1:1)
    • Add/Edit/Empty image's ALT text
    • Add emoji
    • Add text
  • Delete tweet
  • Like tweet
  • Unlike tweet
  • Comment tweet
  • Like comment
  • Unlike comment
  • Delete comment
  • Add tweet's thread comment
  • Like thread
  • Unlike thread comment
  • Delete thread comment
  • Follow other user
  • Unfollow other user
  • View user's profile
  • View user's followings
  • View user's followed
  • View user's media
  • Add new chat rooms
  • Search available rooms
  • Leave Conversation
  • Send message
  • Send image (just like tweet's facility such as Crop Image, add ALT Text)
  • Send emoji
  • Pop up image
  • Edit Profile
    • Change profile theme/wallpaper
    • Change user's profile photo
    • Edit user's name
    • Edit user's bio
    • Edit Location
    • Edit user's website

Screenshots

Search Unfollow Trend

Profile Thread Comment Responsive Home

Followers and Following Add Emoji Signup

Search Chat Feed Option Search and Add New Room

Crop Photo Responsive Search and Add New Room Search Room

Responsive Profile Responsive Message Add Photo

Message Room Message Room -2 Logout

Edit Wallpaper Edit Profile Leave Conversation

Login Add Comment Home

Comments Add ALT Responsive Chat Rooms

Edit Profile Chat Rooms

Build Setup

  • Clone repository https://github.com/HafidzN/Twittie_ReactJs-Twitter-Clone.git
  • Run npm install
  • Run the development server npm start then open up localhost:3000

Copyright © 2020 by Hafidz Nugroho

main's People

Contributors

hafidzn 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.