SmartTimeline

This project was generated with Angular CLI version 16.2.12.

Smart Timeline

Smart Timeline is an Angular application that allows users to create and manage a timeline of memories and activities. The application integrates with Facebook to allow users to log in and fetch their profile information, photos, and posts.

Features

User Authentication: Users can log in using their Facebook account.
Timeline Management: Users can add, edit, and view memories and activities on a timeline.
Facebook Integration: Fetch user profile information, photos, and posts from Facebook.
Responsive Design: The application is designed to be responsive and user-friendly.

Technologies Used

Angular: Frontend framework for building the application.
RxJS: For handling asynchronous data streams.
Angular Material: UI component library for Angular.
Facebook Graph API: For interacting with Facebook services.

Getting Started

Prerequisites

Node.js (version 12 or higher)
Angular CLI (version 12 or higher)

Installation

Clone the repository:

git clone https://github.com/yourusername/smart-timeline.git
cd smart-timeline

Install the dependencies:
```
npm install
```
Set up your Facebook App:
- Go to the Facebook Developer Dashboard.
- Create a new app and configure it to use Facebook Login.
- Add your app's domain (e.g., localhost) in the app settings.
Update the environment files:
- Open src/environments/environment.ts and src/environments/environment.prod.ts.
- Replace the placeholders with your Facebook App ID and other necessary configurations.
```
export const environment = {
  production: false,
  facebookAppId: 'YOUR_FACEBOOK_APP_ID',
  // Other configurations...
};
```

Running the Application

To run the application in development mode, use the following command:

ng serve

Open your browser and navigate to http://localhost:4200.

Building the Application

To build the application for production, use the following command:

ng build --prod

The output will be in the dist/ directory.

Usage

Click on the "Log in with Facebook" button to authenticate.
After logging in, you can view your profile information, photos, and posts.
Use the timeline interface to add and manage your memories and activities.

Contributing

Contributions are welcome! Please feel free to submit a pull request or open an issue for any suggestions or improvements.

License

This project is licensed under the MIT License. See the LICENSE file for details.

Mossy1022/Smart-Timeline