https://github.com/saddamarbaa/twitter-clone-app

==> Building Twitter Clone With Node.js and Vanilla Javascript (a mobile-friendly)
https://github.com/saddamarbaa/twitter-clone-app

arrow-functions css-flexbox css-grid html-css-javascript localstorage twitter-clone-app-frontend

Last synced: 6 months ago
JSON representation

==> Building Twitter Clone With Node.js and Vanilla Javascript (a mobile-friendly)

• Host: GitHub
• URL: https://github.com/saddamarbaa/twitter-clone-app
• Owner: saddamarbaa
• Created: 2021-05-05T18:26:27.000Z (over 5 years ago)
• Default Branch: main
• Last Pushed: 2022-07-31T10:11:29.000Z (about 4 years ago)
• Last Synced: 2025-03-25T17:47:01.133Z (over 1 year ago)
• Topics: arrow-functions, css-flexbox, css-grid, html-css-javascript, localstorage, twitter-clone-app-frontend
• Language: CSS
• Homepage: https://twitter-clone-saddam.netlify.app/
• Size: 3.36 MB
• Stars: 3
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
#  Twitter Clone App 

Twitter Clone App built by the power of JavaScript and Node js (a mobile-friendly) 

# Table of contents

* [Author](#Author)

* [Demo](#Demo)

* [Technologies](#Technologies)

* [Contributing](#Contributing)

* [Features](#Features)

* [Status](#status)

* [Inspiration](#inspiration)

* [Support](#Support)

* [Feedback](#Feedback)

* [Software Requirement](#Software_Requirement)

* [Wireframe ](#Wireframe)

* [Mockup - Figma Link ](#Mockup)

* [User Stories(Swim Lane )](#SwimLane)

* [Screenshots](#Screenshots)

 

# Author

- [@Saddam Arbaa](https://github.com/saddamarbaa)

#  Technologies

**Client:**  

* Html 

* Css 

* JavaScript 

**Server:** 

* Node.js

* Express

* MongoDB 

* JSON Web Token (JWT)

* bcryptjs

# Demo

###  Live Demo 

###   Live Video Demo 

###   Back-End API REPO

###  LIVE API Demo

####   Testing Email:      testverstion@gmail.com

####   Testing Password:    12345test

# Software_Requirement

###  Software Requirement Link 

![image](https://user-images.githubusercontent.com/51326421/117193446-11b7d400-ae0d-11eb-91ce-4e5de00501ef.png)

![image](https://user-images.githubusercontent.com/51326421/117193675-5c395080-ae0d-11eb-833d-8124a347c5a8.png)

![image](https://user-images.githubusercontent.com/51326421/117438465-c829cf00-af5b-11eb-9bbb-28471596a1d4.png)

![image](https://user-images.githubusercontent.com/51326421/117438769-32427400-af5c-11eb-9670-52735790dd34.png)

# SwimLane

###    User Stories Link 

![image](https://user-images.githubusercontent.com/51326421/117197278-d1a72000-ae11-11eb-8137-32e385b20a92.png)

# Wireframe 

###    Wireframe Link 

![image](https://user-images.githubusercontent.com/51326421/117250912-1eb8df80-ae6e-11eb-8536-0532181df621.png)

# Mockup 

##   Figma Link 

# Features

-  Complete user authentication users can sign in, sign out

-  Add a new tweet

-  Search tweet

-  View top trends and searched

-  Used Twiter API to get each tweet ands shows for the user on search

# Status

The project is complete now in vanilla javascript I would love to convert to  React Js,  Firebase, and Next.js  

 # Contributing

Contributions are always welcome!

# Support

For support, email saddamarbaas@gmail.com.

# Feedback

If you have any feedback, please reach out to me at saddamarbaas@gmail.com

  

Twitter

https://twitter.com/ArbaaSaddam/

Linkedin.

https://www.linkedin.com/in/saddamarbaa/

Github

https://github.com/saddamarbaa

Instagram

https://www.instagram.com/saddam.dev/

Facebook

https://www.facebook.com/saddam.arbaa

# Inspiration

Build By Saddam Arbaa Project inspired by [Twitter] https://twitter.com/

# Screenshots

##  Welcoming Page 

![image](https://user-images.githubusercontent.com/51326421/120041084-dedeb580-c031-11eb-839c-efe2e5419d72.png)

##  Sign in page 

![image](https://user-images.githubusercontent.com/51326421/121556966-8ac6ce80-ca3e-11eb-87a1-df40be9132db.png)

## Log in Page

![image](https://user-images.githubusercontent.com/51326421/121557088-a5994300-ca3e-11eb-9f0b-3b45b2787057.png)

![image](https://user-images.githubusercontent.com/51326421/121612800-562a3580-ca85-11eb-91f1-450af5259953.png)

##  Responsive on large screens - Home Page 

![image](https://user-images.githubusercontent.com/51326421/119225798-3f508d00-bb30-11eb-8580-28ea22061bf9.png)

![image](https://user-images.githubusercontent.com/51326421/121557946-65869000-ca3f-11eb-8097-ea6c861eab81.png)

![image](https://user-images.githubusercontent.com/51326421/118804868-6ceacb80-b8cf-11eb-8ca7-137de4091be9.png)

## Responsive on mobile and tablet screens 

![image](https://user-images.githubusercontent.com/51326421/118638206-c7692680-b800-11eb-8734-cedbb670f6bf.png)

## Responsive on small screens

![image](https://user-images.githubusercontent.com/51326421/118638285-dfd94100-b800-11eb-82fe-4b8a288edd51.png)

# Related_Projects

### Facebook Clone App built with React Js + Next Js + TypeScript + Redux + Styled Components

###  Github Repo 

### LIVE DEMO

### Instagram Clone App built with React Js + Next Js + TypeScript + Redux + Tailwind CSS + Heroicons

###  Github Repo 

### LIVE DEMO

### Messenger Clone App built with React Js + Next Js + Redux + Styled Components + Material-UI

###  Github Repo 

### LIVE DEMO

### Airbnb Clone App built with React Js + Next Js + Redux + Tailwind CSS

###  Github Repo 

### LIVE DEMO

### Amazon Clone App built with React Js + Redux + Styled Components

###  Github Repo 

### LIVE DEMO

###  Netflix Clone App built with React Js + Stripe Checkout/Payments + Firebase Hosting

###   Github Repo 

###  LIVE DEMO