https://github.com/karlangaxz/project-twitter-clone
Twitter Clone is a project that simulates the user interface of Twitter. This clone includes home pages, login pages, and a news feed, as well as functionalities such as posting messages and managing accounts.
https://github.com/karlangaxz/project-twitter-clone
ccs html5 js responsive-design twitter
Last synced: about 2 months ago
JSON representation
Twitter Clone is a project that simulates the user interface of Twitter. This clone includes home pages, login pages, and a news feed, as well as functionalities such as posting messages and managing accounts.
- Host: GitHub
- URL: https://github.com/karlangaxz/project-twitter-clone
- Owner: KarlangaXZ
- Created: 2024-07-25T15:34:33.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2025-01-25T00:56:51.000Z (3 months ago)
- Last Synced: 2025-01-25T01:26:21.469Z (3 months ago)
- Topics: ccs, html5, js, responsive-design, twitter
- Language: CSS
- Homepage: https://karlangaxz.github.io/Project-twitter-clone/
- Size: 17.8 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
**Description in english**
# KarlangaXZ Twitter Clone 
## Description
Twitter Clone is a project that simulates the user interface of Twitter. This clone includes home pages, login pages, and a news feed, as well as functionalities such as posting messages and managing accounts.
## Key Features
- **User Interface**: Simulates Twitter's interface with an intuitive and modern design.
- **Home Page**: Includes sections to explore interests, follow what people are talking about, and a login button.
- **Login Page**: Allows users to enter their phone number, email, or username along with their password to access their account.
- **News Feed**: Displays user posts with options to comment, retweet, like, and share.
- **Posts**: Allows users to create new posts with text and options to add images.
- **Sidebar**: Provides shortcuts to account information, lists, bookmarks, ads, and analytics, along with options to change settings and log out.
- **Dark Mode**: Option to toggle between light and dark modes for better reading experience in different lighting conditions.
- **Account Management**: Access to profile information and the ability to follow or unfollow other users.
- **Login Error Modal**: Displays an error message if the entered credentials are incorrect.
- **Responsiveness**: Designed to work on various screen sizes and devices.
These features provide a Twitter-like user experience, allowing interaction with content and effective profile management.
## Technologies Used
- **HTML:** For page structure and content.
- **CSS:** For styling and visual design.
- **JavaScript:** For interactive functionality and data validation.
## Prerequisites
A modern browser (such as Chrome, Firefox, or Edge) to view the project.
## Usage
1. **Home Page:** The main page presents options to log in or sign up.
2. **Login Page:** Allows users to enter their credentials to access the news feed.
3. **News Feed:** Displays user posts and allows for creating new posts.
4. **Sidebar:** Includes options for account management, settings, and other functionalities.
5. **Dark Mode:** Dark mode can be activated through the button in the sidebar.
## Author
Developed by Carlos Linares ([KarlangaXZ](https://github.com/KarlangaXZ)).
Thank you for reviewing this project! We hope you find this project useful. If you have any questions or suggestions, feel free to reach out to us.
##