R

react hooks

This app is a Meetup Management Application that allows users to create and view meetups. Users can fill out a form to add new meetups, providing details such as the meetup title, image URL, address, and description. The app displays a list of all meetups, and users can add new ones dynamically. It’s a simple yet functional application designed to demonstrate basic React concepts like component structure, state management, form handling, and event handling.

Key Features: Add New Meetups:

Users can input details about a meetup (title, image, address, description) using a form.

The form uses React refs or controlled components to capture user input.

Display Meetups:

The app displays a list of meetups, each showing its title, image, address, and description.

Dynamic Updates:

New meetups are added dynamically to the list without requiring a page reload.

Technologies Used: React:

The core library used to build the user interface and manage component state.

JavaScript (ES6+):

The programming language used to write the app logic.

React Hooks:

useRef: Used to directly access DOM elements (e.g., form inputs).

useState: Used for state management in controlled components (optional alternative to useRef).

CSS Modules:

Used for styling components. CSS Modules ensure that styles are scoped to individual components, avoiding global conflicts.

HTML5:

Used for structuring the form and other UI elements.

React Components:

The app is built using reusable components like Card, MeetupList, and NewMeetupForm.

This project was created with ReactJS and PaperUI. See it for yourself - Live Demo: PhillipWalter.dev

See more templates, snippets or projects here: Overview

Tic-tac-toe Game /From Udemy Course/ https://tic-tac-toe-rho.vercel.app/

A project for a showcase custom react hook that creates typewriter effect on the screen.

Initially it's fetched from text file as an asynchronous source and kept as an array beforehand sending to useTypewriterEffect hook.

Custom hook can also take typewriting speed as a milisecond as a second parameter besides text as a list (array).

Created simple calculator with react, used context api to working with the state. Using react-Textfit from https://www.npmjs.com/package/react-textfit Package manager:yarn. Hooks: useState, createComponent, useComponent

Responsive Ecommerce App with React JS

Major Module Test 2

the first project in FH campus Vienna

An Example Stream Application using Feathers with Next.js and React Hooks, Redux-Observable, and RxJS

Simple React App for food ordering

A simple seconds stopwatch built with react hooks.

React Class Components integrates with Product Store API (created by Java Spring Boot) that use for G-Able assignment

An example Next.js project using React Hooks w/ Markdown, Bulma Sass styling; and AVA, Jest, and Cypress for testing.