Skip to content

CRUD React app which is able to create, delete and edit articles and comments. It also includes registration, authorization and client-side routing. Requires REST API backend from my other repo: https://github.com/maxonlinux/poster-express

Notifications You must be signed in to change notification settings

maxonlinux/poster-react

Repository files navigation

Poster React

Poster is a demo application that was part of a contest. It is a simple React app that allows users to create, edit and delete articles and leave comments.

Preparation Instructions

Node.js and npm should be installed on your machine.

  1. Clone this repository
  2. Clone and run the backend from this repository: https://github.com/maxonlinux/poster-express (follow instructions on the repository page)
  3. Install all dependencies executing npm install in the project folder

Running the Project

Developer mode:

  1. Execute npm run dev in the project folder
  2. Go to http://localhost:5173/

Preview mode:

  1. Execute npm run preview in the project folder
  2. Go to http://localhost:4173/

Deployment

You will have to install and properly setup HTTP server on your machine.

  1. Run npm run build in the project folder
  2. You will find all the necessary files in the automatically created 'dist' folder.

Screenshots

Desktop version:

Screenshot of desktop version 1 Screenshot of desktop version 2 Screenshot of desktop version 3 Screenshot of desktop version 4 Screenshot of desktop version 5

Mobile version:

Screenshot of mobile version 1 Screenshot of mobile version 2 Screenshot of mobile version 3 Screenshot of mobile version 4 Screenshot of mobile version 5

About

CRUD React app which is able to create, delete and edit articles and comments. It also includes registration, authorization and client-side routing. Requires REST API backend from my other repo: https://github.com/maxonlinux/poster-express

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published