Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/ayushsgithub/linkedin-clone

This project is developed using React JS. It is a replica of LinkedIn but not all features are similar. The index page contains login credentials. Sign in with your email and password is enabled through firebase as a backend, user can also register their account by adding their name and photoUrl.
https://github.com/ayushsgithub/linkedin-clone

firebase firebase-auth firebase-database javascript material-ui netlify react redux

Last synced: 3 days ago
JSON representation

Host: GitHub
URL: https://github.com/ayushsgithub/linkedin-clone
Owner: ayushsgithub
Created: 2023-03-30T05:49:25.000Z (over 1 year ago)
Default Branch: main
Last Pushed: 2024-08-08T07:36:43.000Z (3 months ago)
Last Synced: 2024-08-08T09:14:37.086Z (3 months ago)
Topics: firebase, firebase-auth, firebase-database, javascript, material-ui, netlify, react, redux
Language: JavaScript
Homepage: https://linkeddin.netlify.app/
Size: 473 KB
Stars: 1
Watchers: 2
Forks: 1
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

# LinkedIn Clone

This is a LinkedIn Clone project built using React.js, Redux, Firebase, and other modern web development technologies. The goal of this project is to replicate the core functionalities of LinkedIn, allowing users to connect, share posts, and interact with each other in a professional networking context.

![login](https://github.com/ayushsgithub/LinkedIn-Clone/blob/main/public/login.png?raw=true)

## Features

- **User Authentication**: Sign up, login, and logout functionality using Firebase Authentication.
- **User Profiles**: Users can create their profiles, including uploading profile pictures.
- **Posts and Feeds**: Users can create and read posts. The feed shows posts from all users.

![feed](https://github.com/ayushsgithub/LinkedIn-Clone/blob/main/public/feed.png?raw=true)

## Technologies Used

- **React.js**: Frontend library for building user interfaces.
- **Redux**: State management library for managing application state.
- **Firebase**: Backend-as-a-Service for authentication, database, and hosting.
- **Material-UI**: UI component library for React.
- **React Router**: Library for routing in React applications.
- **CSS Modules**: For styling components.

## Getting Started

### Prerequisites

- Node.js and npm installed on your machine.
- Firebase account for setting up the backend services.

### Installation

1. Clone the repository:

```sh
git clone https://github.com/ayushsgithub/LinkedIn-Clone.git
cd LinkedIn-Clone
```

2. Install the dependencies:

```sh
npm install
```

3. Set up Firebase:

- Create a new Firebase project at [Firebase Console](https://console.firebase.google.com/).
- Enable Authentication and Firestore Database.

4. Start the development server:

```sh
npm start
```

5. Open your browser and navigate to `http://localhost:3000`.

## Usage

1. Sign up for a new account or log in with an existing account.
2. Create your profile.
3. Create new posts and see what others have to say today.

## Contributing

Contributions are welcome! Please fork the repository and create a pull request with your changes. Make sure to follow the code style and write meaningful commit messages.

## Acknowledgements

- [React.js](https://reactjs.org/)
- [Redux](https://redux.js.org/)
- [Firebase](https://firebase.google.com/)
- [Material-UI](https://material-ui.com/)

## Contact

[Ayush](https://ayushsport.netlify.app)

[Project Link](https://github.com/ayushsgithub/LinkedIn-Clone)

---