Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/fabianmendozaospina/netxos

Networkly is an a fake social media for networking. Explore how to create semantic HTML elements and how to use random-user API from JS.
https://github.com/fabianmendozaospina/netxos

css html javascript random-user-api

Last synced: 19 days ago
JSON representation

Networkly is an a fake social media for networking. Explore how to create semantic HTML elements and how to use random-user API from JS.

Host: GitHub
URL: https://github.com/fabianmendozaospina/netxos
Owner: fabianmendozaospina
Created: 2024-12-12T22:23:39.000Z (about 1 month ago)
Default Branch: main
Last Pushed: 2024-12-16T02:31:41.000Z (about 1 month ago)
Last Synced: 2024-12-16T03:19:34.885Z (about 1 month ago)
Topics: css, html, javascript, random-user-api
Language: HTML
Homepage: https://fabianmendozaospina.github.io/netxos/
Size: 3.97 MB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: readme.md

Awesome Lists containing this project

README

# NETXOS

This web application was designed for a fictional platform similar to LinkedIn, and includes features such as fetching data random-user API and LocalStorage. Below are more the details about the project.

## 🔗Project Demo
You can see the live demo of the project [here](https://fabianmendozaospina.github.io/netxos/).

![](./assets/img/readme-index.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/fabianmendozaospina/netxos.git
```
2. Navigate to the project directory:
```sh
cd netxos
```
3. Open `index.html` in your browser to view the application.

4. Enter this credentials:
- Username: johnsmith
- Password: 123456

![](./assets/img/readme-home.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.