https://github.com/douglasfssantiago/networkly

Project created by MITT program developer students
https://github.com/douglasfssantiago/networkly

api css git github html javascript

Last synced: 2 months ago
JSON representation

Project created by MITT program developer students

• Host: GitHub
• URL: https://github.com/douglasfssantiago/networkly
• Owner: douglasfssantiago
• Created: 2024-12-12T17:49:15.000Z (6 months ago)
• Default Branch: main
• Last Pushed: 2024-12-14T05:41:16.000Z (6 months ago)
• Last Synced: 2025-02-13T13:50:54.580Z (4 months ago)
• Topics: api, css, git, github, html, javascript
• Language: HTML
• Homepage: https://douglasfssantiago.github.io/networkly/
• Size: 1.37 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

        
# Networkly

This project was developed for Program Developer students, focusing on tools like Git and GitHub while working remotely. This web application was designed for a fictional platform similar to LinkedIn called 'Networkly', and includes features such as fetching data (APIs) and  local storage data. Below are the details of the project's structure and functionality.

## 🔗Project Demo

You can see the live demo of the project [here](https://douglasfssantiago.github.io/networkly/).

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

## 📑Table of Contents

- [Technologies Used](#technologies-used)

- [Installation](#installation)

- [Features](#features)

## 🖥️Technologies Used

![HTML5](https://img.shields.io/badge/HTML-00A6E4?style=for-the-badge&logo=html5&logoColor=white)

![CSS3](https://img.shields.io/badge/CSS-0073E6?style=for-the-badge&logo=css3&logoColor=white)

![JavaScript](https://img.shields.io/badge/JavaScript-005D99?style=for-the-badge&logo=javascript&logoColor=white)

## 🖱️Installation

To run this project locally, follow these steps:

1. Clone the repository:

    ```sh

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

    ```

2. Navigate to the project directory:

    ```sh

    cd networkly

    ```

3. Open `index.html` in your browser to view the application.

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

## 💡Features

### User Authentication:

- Login functionality that verifies user credentials stored in localStorage.

- Error messaging for incorrect username or password attempts.

### Responsive Design:

- Adapts to different screen sizes and devices.

### Profile Management:

- Allows the user to manually add picture and data to the feed.

- Displays profiles of at least 10 other users fetched from the Random User API, showcasing their profile pictures, full names, and cities.

### Customizable Styling:

- Consistent use of colors, fonts, and design elements to maintain a professional and cohesive look throughout the application.

© Created by MITT Software Students.