Home Assets inventory and management web application/system

Who are you, and what do you do?
student/beginner developer

What’s the project, and what do you need from a freelancer?
simple home assets inventory & management webapp, using react js frontend and backend-ruby sinatra,

When do you need you project delivered? 1 day

Can you provide examples of your preferred style?
check this rubric

Build a web basic API with Sinatra and Active Record to support a React frontend
Introduction
The focus of this project is building a Sinatra API backend that uses Active Record to access and persist data in a database, which will be used by a separate React frontend that interacts with the database via the API.
Requirements
For this project, you must:
Use Active Record to interact with a database.
Have a minimum of two models with a one-to-many relationship.
Create API routes in Sinatra that handles at least three different CRUD actions for at least one of your Active Record models.
Build a separate React frontend application that interacts with the API to perform CRUD actions.
Use good OO design patterns. You should have separate classes for each of your models, and create instance and class methods as necessary.
For example,an application with a React frontend interface and a Sinatra backend API, where a user can: perform the CRUD
Getting Started
Backend Setup
This repository has all the starter code needed to get a Sinatra backend up and running. Fork and clone
Links to an external site.
this repository to get started. Then, run bundle install to install the gems.
The app/controllers/application_controller.rb file has an example GET route handler. Replace this route with routes for your project.
You can start your server with:
$ bundle exec rake server

This will run your server on port http://localhost:9292
Links to an external site.
.
Frontend Setup
Your backend and your frontend should be in two different repositories. Or One repository
For separate.//Create a new repository in a separate folder with a React app for your frontend. cd out of the backend project directory, and use create-react-app
Links to an external site.
to generate the necessary code for your React frontend:
$ npx create-react-app my-app-frontend

After creating the project locally, you should also create a repository on GitHub
Links to an external site.
to host your repo and help collaborate, if you’re working with a partner.
Fetch Example
Your React app should make fetch requests to your Sinatra backend! Here’s an example:
fetch(“http://localhost:9292/test”)
.then(® => r.json())
.then((data) => console.log(data));

Project Tips
This project is intended to focus more on the backend than the frontend, so try and keep the React side of things relatively simple. Focus on working with Active Record and performing CRUD actions. What are some interesting queries you can write? What kinds of questions can you ask of your data?
Once you have a project idea, come up with a domain model and decide what relationships exist between the models in your application. Use a tool like dbdiagram.io
Include code comments and readme
Links to an external site.
to help visualize your models.
Decide on your API endpoints. What data should they return? What kind of CRUD action should they perform? What data do they need from the client?
Use Postman
Links to an external site.
to test your endpoints.
Use binding.pry to debug your requests on the server. It’s very helpful to use a binding.pry in your controller within a route to see what params are being sent.
Use the Network Tab in the Dev Tools
Links to an external site.
in the frontend to debug your requests.
Resources
create-react-app
Links to an external site.

dbdiagram.io
Links to an external site.

Postman
Links to an external site.

*Warm color schemes/ themes

https://bootstrapmade.com/demo/SoftLand/, https://www.free-css.com/free-, https://www.free-css.com/free-css-tecss-templates/page285/meyawo,

In what capacity are you hiring?
As an individual for a personal project

Where are you in the hiring process?
I’m ready to make a paid hire

Would you like to state a preference for hiring from underrepresented group(s)?
Yes, I have a preference

Please select your preference(s) for hiring from underrepresented group(s). (Preferences will be included within your brief and will not serve as a criteria necessary to pitch)
Age

Where did you find Twine?
Google

Is this an independent one off job, or part of a larger project?
Single job with no follow up work

For what period of time will the freelancer be needed?
A few hours

What freelancer experience level is needed? (per hour)
Junior: $25-35