GithubHelp home page GithubHelp logo

richardchileya / booking-app-back-end Goto Github PK

View Code? Open in Web Editor NEW
2.0 3.0 3.0 165 KB

This project is a back-end API built using Ruby on Rails for a booking application. The application is designed to handle user authentication and authorization. The front-end of the application is responsible for making API calls to fetch data from the server, display it to the user, and send instructions based on user interaction with the app.

License: MIT License

Ruby 85.11% HTML 11.09% Batchfile 3.67% Shell 0.12%
authentication authorization full-stack-web-development mvc-architecture rails-api-backend restful-api ruby-on-rails

booking-app-back-end's Introduction

Hi , I'm Richard Chileya ๐Ÿ˜ƒ

richardchileya

  • ๐ŸŒฑ Learning: React Native | Node.JS | JavaScript | React.JS | Ruby | Ruby on Rails | PostgreSql

  • ๐Ÿ“ซ How to reach me: [email protected]

  • ๐Ÿ˜„ Pronouns: He/Him

  • โšก Fun fact: Every Commit is a step closer to finishing a project ๐Ÿ‘ฉ๐Ÿพโ€๐Ÿ’ป

  • ๐Ÿ’ฌ Ask me about Coding, Sustainable Development and Blockchain

  • ๐Ÿ‘ฏ Iโ€™m looking to collaborate on Open Source Projects and enhance my knowledge and coding skills


richardchileya


richardchileya

๐Ÿ”ง Languages and Tools:


bootstrap css3 html5 javascript nodejs python react redux ruby sass typescript typescript

richardchileya's streak

Twitter LinkedIn Instagram Facebook

booking-app-back-end's People

Contributors

recillah-khamala avatar richardchileya avatar samlorlah avatar tashisrael avatar

Stargazers

 avatar  avatar

Watchers

 avatar  avatar  avatar

booking-app-back-end's Issues

[2pts] Tests

  • Set up React Testing Library.
  • Create unit tests for all React components:
    • Use Jest snapshots to test the components.
    • Use React Testing Library to simulate user interaction.
  • Make sure that all tests pass.

[1pt] Add/ Delete Cars

  • Create a form for Adding a Car
  • Create a Page for marking a car as removed/unavailable
  • Add reducers for the above actions

[2pt] - Home page and Home component Student A, Student C

  • Create a home page inside the pages folder
  • Create a component that goes inside the page
  • Connect the homepage to the rails backend
  • Ensure the component has all cars displaying
  • Add basic Bootstrap styles
  • Add hamburger icon for mobile version

[2pt] - Add Models - GROUP TASK

Models:

  • Add User model:
    name:string
    -email:string

  • Add Booking model:
    start_date:datetime
    end_date:datetime
    * Add User to Bookings (foreign key)
    * Add Car to Bookings (foreign key)

  • Add Car model:
    name:string
    description:string
    model:string
    price:decimal
    year:integer

[1pt] -React- Basic Structure - GROUP TASK

  • Set up the repository on GitHub and use Gitflow;
  • Install React & Redux to create frontend UI;
  • Install React-Redux, Redux-toolkit, React-Router-dom
  • Install React & Redux linters;
  • Add REAME file;

[2pt] - Details page -Student A, Student C

  • Create a detail page inside pages folder
  • Create a component that goes inside the page
  • Dispatch from the store package details
  • Ensure the component displays details about a particular package.
  • Add a back button
  • Add a booking button - redirecting to the book a car page where the particular car is already selected

[1pt] - Basic Structure - GROUP TASK

  • Set up the repository on GitHub and use Gitflow;
  • Use Postgres as a database;
  • Use Rails to create backend API;
  • Install Rails rubocop linters;
  • Setup RSpec and Cabybara
  • Add README file;

[2pt] - Add Controllers - GROUP TASK

Controllers:

  • Add Users controller:
  • Add Bookings controller;
  • Add Cars controller;

Routes:

  • Add root route;
  • Add Bookings routes;
  • Add Cars routes;

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.