https://github.com/nyctophilus/myreads-react

A Bookshelf app that allows you to select and categorize books you have read, are currently reading, or want to read. The project emphasizes using React to build the application and provides an API server and client library that you will use to persist information as you interact with the application.
https://github.com/nyctophilus/myreads-react

react react-router-dom react-router-v6 redux

Last synced: about 2 months ago
JSON representation

A Bookshelf app that allows you to select and categorize books you have read, are currently reading, or want to read. The project emphasizes using React to build the application and provides an API server and client library that you will use to persist information as you interact with the application.

• Host: GitHub
• URL: https://github.com/nyctophilus/myreads-react
• Owner: Nyctophilus
• Created: 2022-08-13T14:09:08.000Z (over 2 years ago)
• Default Branch: master
• Last Pushed: 2022-08-28T13:03:04.000Z (over 2 years ago)
• Last Synced: 2025-01-21T12:07:33.532Z (3 months ago)
• Topics: react, react-router-dom, react-router-v6, redux
• Language: JavaScript
• Homepage:
• Size: 2.08 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


![React](https://img.shields.io/badge/-ReactJs-61DAFB?logo=react&logoColor=white&style=for-the-badge)

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















  
My Reads















- Table of Contents



  
Overview

  
Stack

  
Getting Started

  
Installation

  
Preview -Live Demo-

  
Screenshots












## Overview

### A Bookshelf app that allows you to select and categorize books you have read, are currently reading, or want to read. The project emphasizes using React to build the application and provides an API server and client library that you will use to persist information as you interact with the application.







## Stack

- React.js

- React-Router lib

---







## Getting Started

This project require some prequesites and dependenscies to be installed, you can find the instructions below

> To get Started, follow these simple steps :

## Installation

1. Clone the repo

2. go to project folder

3. install dependencies

   ```bash

   npm i

   npm start

   ```







## Preview

[![Netlify Status](https://api.netlify.com/api/v1/badges/7ac2604a-4ce9-4826-8709-a36e46355e1e/deploy-status)](https://fayad-myreads-react-redux-fwd.netlify.app)







## Screenshots

### Preview Image

![Preview](preview.png)

### Tree Architecture

![Components Tree Architecture](components-tree-structure.png)







'back to top'