https://github.com/ankitpoddar07/socialbook-clone
SocialBook Clone 📱
https://github.com/ankitpoddar07/socialbook-clone
css dark-mode full-responsive html javascript
Last synced: about 1 month ago
JSON representation
SocialBook Clone 📱
- Host: GitHub
- URL: https://github.com/ankitpoddar07/socialbook-clone
- Owner: ankitpoddar07
- License: mit
- Created: 2025-05-06T06:05:07.000Z (about 1 month ago)
- Default Branch: main
- Last Pushed: 2025-05-06T06:30:53.000Z (about 1 month ago)
- Last Synced: 2025-05-06T07:44:39.839Z (about 1 month ago)
- Topics: css, dark-mode, full-responsive, html, javascript
- Language: HTML
- Homepage: https://fbsocial-clone.netlify.app/
- Size: 9.15 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# SocialBook Clone 📱
This is a simple clone of a social media platform, resembling Facebook, built using **HTML**, **CSS**, and **JavaScript**. The project includes a landing page, profile page, and interactive user features.
---
## Project Overview 🚀
### `index.html` 🌐
- The main landing page of the application.
- Features include:
- A navigation bar with links to **login**, **signup**, and **home**.
- A section with introductory content or a **call to action (CTA)**.
- Possible **news feed** or content preview.
### `profile.html` 👤
- Displays the user's profile page.
- Features include:
- User's **name**, **profile picture**, and **bio**.
- **Posts** made by the user.
- Option to **edit profile** information.
- Interactions like **adding friends** or **messaging**.
### `script.js` 💻
- Contains the **JavaScript** needed for interactivity on the site.
- Handles actions like:
- **Toggling** between pages.
- Showing/hiding **elements**.
- **Form validation** (login/signup).
- **Dynamic content** updates.
### `style.css` 🎨
- Defines the **visual styling** of the pages.
- Includes styles for **layout**, **typography**, **colors**, and **responsive design**.
- **Dark and light theme** options (if implemented).
### `images/` 🖼️
- Contains **image files** used in the project.
- `shortcut-7.webp`: Used as an **icon** or **image** in the project.
- `shortcut-9.webp`: Another image, possibly a **background** or **profile** image.
---
## How to Run the Project 🏃♂️
1. Clone this repository to your local machine:
git clone https://github.com/ankitpoddar07/socialbook-clone.git
2. Navigate to the project directory:
cd ankitpoddar07-socialbook-clone
3. Open the `index.html` file in your preferred web browser.
---
## Features 🌟
- **Responsive Design**: The site adjusts to various screen sizes and devices.
- **Interactive Profile**: Users can view and **edit their profile**.
- **Dynamic Content**: JavaScript is used for interactive elements like **form validation** and **dynamic content loading**.
---
## Future Improvements 🔮
- Integrate with a **backend** to store user data and manage user sessions.
- Add a **messaging system** to interact with friends.
- Implement a **comment** and **like** system for posts.
- Enhance **profile customization** with **cover photos**, **post editing**, and more.
---
Feel free to contribute by submitting issues or pull requests! 🤝