GithubHelp home page GithubHelp logo

deployed-tweeter's Introduction

Tweeter: A Twitter Clone

Live Website

https://thirsty-heisenberg-62b60a.netlify.app/

Functionalities

  • Authentication(SignUp and Login)
  • Email Confirmation
  • Infinite Scroll of Tweets and Comments
  • Tweet and Comment on the Tweet
  • Follow Users

Authentication and Email Confirmation Demo

email_auth

Changing user Details

settings update

Infinite Scroll, Comment and Follow

Infinte Scroll

Tweet

tweeting

Tech Stack

  • React
  • TypeScript
  • React Router
  • Chakra UI
  • Django Rest Framework
  • Sendgrid(Email)
  • Django CORS
  • SQlite Database
  • Cloudinary for storing Images

Architecture

WhatsApp Image 2022-02-18 at 18 54 15

Learning Outcomes

  • Gained Familiarty with TypeScript and Chakra UI
  • Learned to integrate E-mail service providers
  • Setup Pagination and Hook it to infinite scroll
  • Gained an understanding of different authentication systems

Improvements

  • Improve UX
  • Implement Forgot password
  • Add other features like retweet, like and share

deployed-tweeter's People

Contributors

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