/final-capstone-ui

This is a web page that let's you make an appointment with a developer. This app makes use of API calls to its back-end API to get the data for everything regarding users, developers, and skills.

Primary LanguageJavaScriptMIT LicenseMIT

This is a web page that let's you make an appointment with a developer.

This app makes use of API calls to its back-end API to get the data for everything regarding users, developers, and skills.

App functions: ๐Ÿ˜‰

With the Book dev app, you can do the following:

  • Authenticate users:
    • Create an account by providing a valid name, e-mail, and password with it's confirmation. You'll automatically be logged in.
    • Log in by providing your registered e-mail and password comination.
    • In case you forget your password, you can go to the forgot password page and fill in your previously-registered e-mail, you'll recieve an email with a link to reset your password.
    • On the reset password page, you can submit a new password with its confirmation and submit it to have your password changed.
  • Developers:
    • Once you log in, you'll be able to see a list of software developers avaiable for hire.
    • On click of these developers, you can access their details (A small bio, their skills, etc.) You can then decide if you want to hire them by clicking the hire button.
    • On the reserve developer page you can select a start and an end date to book a developer's services, you'll automatically be redirected to your reservations once your appointment has been submitted.
  • Reservations:
    • After creating a new reservation or by navigating from the navigation bar, you'll find yourself in the reservations page, where you can check the reservation details and delete it after a confirmation.

App admin functions: ๐Ÿ˜Ž

If you're an admin user on the Book dev app, you are able to manipulate data a little further:

  • Developers:
    • From the navigation bar you can go to add a new developer fill the new developer form, after you successfully submit the form, you should be able to see it in the catalog of developers.
    • Also from the navigation bar, you can navigate to the delete developers page, you'll see a list of all the available developers with a reduced amount of info, but with the ability of deleting them on a single click after confirmation.

Built With: ๐Ÿ”

  • HTML (Front-end) HTML5

  • CSS (Front-end) CSS3

  • Tailwind (Front-end) Tailwind

  • JavaScript (Front-end) JavaScript

  • Webpack (Front-end) Webpack

  • React (Front-end) React

  • React-router (Front-end) React-router

  • Redux (Front-end) Redux

  • Jest (Front-end) Jest

  • Ruby 3.1.2 (Back-end) Ruby

  • Ruby on Rails 7.0.3 (Back-end) Rails

  • PostgreSQL (Back-end) Postgresql

  • SendGrid (Back-end) Sendgrid

  • JWT gem (Back-end)

  • Rswag gem (Back-end)

  • AWS (Back-end) AWS

  • Heroku Heroku

Getting Started: ๐Ÿ“ˆ

To get a local copy up and running follow these simple example steps.

  • Click on the top right green "code" button.

  • On the dropdown menu, choose "download with zip" button.

  • After download, extract the zip file and you have the project on your machine.

  • Run npm i to intall all the project dependencies.

  • Run npm start to run the application.

Kanban Board:

This project was developed by a team of 5 people, you can check that out in our authors section.

Start_kanban_board

You can check our initial issue with that info by clicking here

Authors: ๐Ÿ‘‹

๐Ÿ‘ค Joaquin G.L. Zanetti

๐Ÿ‘ค Lucas Bonnefon

๐Ÿ‘ค Vรญctor Peralta

๐Ÿ‘ค John Arboleda

๐Ÿ‘ค Awais Anwar

Contributing: ๐Ÿค

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

Show your support: ๐ŸŒŸ

Give a โญ๏ธ if you like this project!

Acknowledgments: ๐Ÿ“

License: ๐Ÿง

This project is MIT licensed.