Skip to content

Latest commit

 

History

History
48 lines (30 loc) · 2.39 KB

README.md

File metadata and controls

48 lines (30 loc) · 2.39 KB

📚 BOOKSTORE API

Description

This is a bare bones web app built with React, Redux, and TypeScript on the front-end, and Ruby on Rails 7 on the back-end, using an API for communication.

Features

  • Users may perform basic CRUD operations for blog posts.

  • Built using TypeScript for static typing, which makes the codebase more robust and easier to maintain.

  • Follows best practices and is structured in a modular manner, making it easier to understand and debug.

  • The Redux store has two reducers, counterReducer and postsReducer, and is configured with configureStore(). The store has three types defined: AppDispatch, RootState, and AppThunk.

  • contains a posts table, which has the columns title, body, created_at, and updated_at.

Screen Shot 2023-03-24 at 10 59 32 PM

Screen Shot 2023-03-24 at 10 59 39 PM

  • The React front-end has a Post component that can display a post's title and body and can be edited using a form. The component is also capable of deleting the post. The PostForm component is used to create new posts. The postSlice file contains the Redux slice for handling the posts state, including creating, reading, updating, and deleting posts.

Screen Shot 2023-03-24 at 10 59 22 PM

Tools

React Redux TypeScript Ruby on Rails Ruby 3.0.3

Please initialize these before starting the app:

 git clone [email protected]:guavalines/bookstore.git
 cd bookstore
 rails db:create db:migrate db:seed:replant
 bundle install
 yarn install
 rails server

Open your browser and visit localhost:3000 To run the React side of things run npm start in your terminal