https://github.com/shaikharshad11/connectwith

Front End Development.
https://github.com/shaikharshad11/connectwith

bootstrap css front-end-development html javascipt reactjs redux

Last synced: 13 days ago
JSON representation

Front End Development.

• Host: GitHub
• URL: https://github.com/shaikharshad11/connectwith
• Owner: ShaikhArshad11
• License: gpl-3.0
• Created: 2024-08-22T10:59:44.000Z (3 months ago)
• Default Branch: main
• Last Pushed: 2024-08-22T13:18:32.000Z (3 months ago)
• Last Synced: 2024-11-03T03:03:09.224Z (13 days ago)
• Topics: bootstrap, css, front-end-development, html, javascipt, reactjs, redux
• Language: JavaScript
• Homepage:
• Size: 367 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# connectWith

**connectWith** is a status uploading web application built using ReactJS, Vite, Bootstrap, and DummyJSON APIs. The application allows users to create and view status updates with a simple and intuitive interface.

![Screenshot of connectWith](./images/home.png)

![Screenshot of connectWith](./images/createPost.png)

## Features

- **Home Page:** Displays a list of status updates, including those generated automatically via an API from DummyJSON.

- **Create Post Page:** Allows users to create a new post by entering a userId, title, and status (caption). New posts are created using a separate API from DummyJSON.

## Tech Stack

- **Frontend:**

  - ReactJS

  - Vite

  - Bootstrap

- **Backend/API:**

  - DummyJSON (for auto-generated and user-created posts)

## Installation

To get a local copy of the project up and running, follow these steps:

### Prerequisites

Ensure you have the following installed on your machine:

- Node.js

- npm or yarn

## Acknowledgements

- [DummyJSON](https://dummyjson.com) for providing the API used in this project.

- [ReactJS](https://reactjs.org)

- [Vite](https://vitejs.dev)

- [Bootstrap](https://getbootstrap.com)

## API Example

To fetch all the existing posts, use the following API call: ('https://dummyjson.com/posts')

## API Example

To add a new post from the user, use the following API call: ('https://dummyjson.com/posts/add')

### Clone the Repository

```bash

git clone https://github.com/your-username/connectWith.git

cd connectWith