https://github.com/labattaria/feedback-poster-client

🚀 Feedback Poster React app
https://github.com/labattaria/feedback-poster-client

react react-hooks react-router react-router-dom sass vite

Last synced: 3 months ago
JSON representation

🚀 Feedback Poster React app

• Host: GitHub
• URL: https://github.com/labattaria/feedback-poster-client
• Owner: labattaria
• Created: 2025-07-26T08:52:57.000Z (11 months ago)
• Default Branch: main
• Last Pushed: 2025-09-02T20:57:56.000Z (10 months ago)
• Last Synced: 2025-09-02T22:21:08.477Z (10 months ago)
• Topics: react, react-hooks, react-router, react-router-dom, sass, vite
• Language: TypeScript
• Homepage: https://feedback-poster-client.vercel.app/
• Size: 144 KB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
**Read in another language: [Українська](README.ukr.md), [English](README.md).**

# Feedback Poster

---

[![Vite](https://img.shields.io/badge/vite-%23646CFF.svg?style=for-the-badge&logo=vite&logoColor=white)](#)

[![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB)](#)

[![TypeScript](https://img.shields.io/badge/typescript-%23007ACC.svg?style=for-the-badge&logo=typescript&logoColor=white)](#)

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

[![React Router](https://img.shields.io/badge/React_Router-CA4245?style=for-the-badge&logo=react-router&logoColor=white)](#)

[![SASS](https://img.shields.io/badge/SASS-hotpink.svg?style=for-the-badge&logo=SASS&logoColor=white)](#)

This is the React client, designed and configured for the **Feedback Poster Application**

This client-side app is only part of the application, the second part (the server) is located at this repo: [Feedback Poster Server](https://github.com/labattaria/feedback-poster-server)

The app in this repo is hosted on [![Vercel](https://img.shields.io/badge/vercel-%23000000.svg?style=for-the-badge&logo=vercel&logoColor=white)](#), hosting public URL: [https://feedback-poster-client.vercel.app/](https://feedback-poster-client.vercel.app/)

But you can use this app manually on your local machine

## Used dependencies:

- **Vite** - A fast and modern build tool that provides lightning-fast hot module replacement (HMR) for development, optimized for frameworks

- **React** - Library used for building user interfaces, particularly for single-page applications where you need a fast, interactive experience

- **React Router DOM** - Routing library for managing navigation in React apps

- **TypeScript** – Static typing for safer and more maintainable code

- **SASS** - CSS preprocessor with advanced features like variables and nesting

The full list of dependencies can be found in the **package.json** file.

---

## React Features Used:

- **Components** - Building blocks of React applications, reusable and encapsulated UI pieces

- **useState, useEffect** - Core hooks for managing state and component lifecycle

- **Props** - Mechanism to pass data and event handlers from parent to child components

- **Rendering Lists** - Dynamically displaying multiple elements by iterating over arrays

- **Conditional Rendering** - Displaying different UI elements based on application state, props or conditions

- **useRef** - Stores a reference to a DOM element or a value without causing re-renders

---

## Contents

- [Installation](#installation)

- [Usage](#usage)

### Installation

```shell

git clone https://github.com/labattaria/feedback-poster-client.git

```

2. Install project dependencies:

```shell

cd feedback-poster-client

npm install

```

### Usage

Start the react-dev-server using the following command:

```shell

npm run dev

```

Server will be located at **http://localhost:5173/**