https://github.com/douglasfssantiago/fakebook

Project developed by Software Developer students of MITT.
https://github.com/douglasfssantiago/fakebook

Last synced: about 2 months ago
JSON representation

Project developed by Software Developer students of MITT.

• Host: GitHub
• URL: https://github.com/douglasfssantiago/fakebook
• Owner: douglasfssantiago
• Created: 2024-11-09T01:25:42.000Z (7 months ago)
• Default Branch: main
• Last Pushed: 2024-11-09T01:34:29.000Z (7 months ago)
• Last Synced: 2025-02-13T13:51:04.451Z (4 months ago)
• Language: CSS
• Homepage: https://douglasfssantiago.github.io/fakebook/
• Size: 1.2 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

        
# Fakebook

Welcome to the Fakebook Project! This social media web application is inspired 

by popular social networking platforms. It enables users to create profiles, 

make posts, and upload images. The project was developed by Software Developer 

students at the Manitoba Institute of Trades & Technology (MITT).

Visit the website [here](https://douglasfssantiago.github.io/fakebook/)

![](./assets/img/readme1.png)

## Features 

The Fakebook Project is built using a combination of HTML, CSS, and JavaScript 

to create a dynamic and interactive user experience.

* User Profiles: Users can create detailed profiles including their name, 

username, email, pages they follow, groups they belong to, and monetization 

status.

* Dynamic Modal: A modal window displays user profile information dynamically 

when a user's profile is clicked. The modal shows the user's name, username, 

email, followed pages, groups, and monetization ability.

* Post Creation: Users can create new posts with text and upload images. 

Each post displays the user's profile picture, username, the post date, 

and the content.

* Intuitive User Interface: The UI is clean and simple, providing an intuitive 

experience for users to navigate through the app.

![](./assets/img/readme2.png)

 

## Get Started

**To get started locally:**

1. Clone the Repository: Clone this repository to your local machine using:

```bash

git clone https://github.com/douglasfssantiago/fakebook.git

cd fakebook

```

2. Open index.html: Open the index.html file in your favorite web browser to 

see the application in action.

3. Create Posts: Use the text area to write a post, and optionally upload an 

image. Click the "Post" button to publish your post.

4. View Profiles: Click on a user's profile to open the modal and view their 

profile details.

![](./assets/img/readme3.png)