Giter Club home page Giter Club logo

full-stack-app's Introduction

Welcome To Our Final Capstone Project


๐Ÿ™‹โ€โ™‚๏ธ Book An Appointment App ๐Ÿ๏ธ


๐Ÿ“— Table of Contents


๐Ÿ“– Final group capstone - Book an Appointment

The project we built for the Final Project is based on an app to book an appointment to test ride a Ducati motorcycle.


๐Ÿš€ Frontend App

(back to top)

๐Ÿ›  Built With

Tech Stack

  • Ruby on Rails >=7
  • React
  • Postgres

Key Features

  • Connection between Ruby on Rails and React in different apps
  • Book an appointment to try a motorcycle
  • Motorcycles that you selected as a theme
  • Reserve form

(back to top)

๐Ÿš€ Live Demo

(back to top)

๐Ÿ’ป Getting Started

Prerequisites

Install

git clone [email protected]:Movgto/full-stack-app-backend.git
cd full-stack-app-backend
bundle install
git clone [email protected]:Movgto/full-stack-app.git
cd full-stack-app
npm install

Usage

In the project directory, run the first time:

bundle exec rake assets:precompile

then, you can use:

./bin/dev

or:

rails s

Check on db/seed.rb for pre-loaded users, groups and, spendings, and likes for development

Run tests

In the project directory, run the first time:

bundle exec rake assets:precompile

then, you can:

rspec .

however, if you haven't run

./bin/dev

Run rails

To configure the database connection in Rails, you need to update the database.yml file located in the config folder. Follow these steps: Locate the database.yml file in the config folder of your Rails application.

  1. Open the database.yml file using a text editor.

  2. Find the default: &default section in the file.

  3. Add the following lines under the default: &default section:

  host: localhost
  username: your_username
  password: your_password
  port: 5432
  1. Replace your_username with your actual database username and your_password with your actual database password.
  2. Save the changes to the database.yml file.
  3. Run
rails db:create
rails db:migrate
rails db:seed
rails s

(back to top)

๐Ÿ‘ฅ Authors

๐Ÿ‘ค Cristian Villa

๐Ÿ‘ค Sebastian Gonzalez

(back to top)

๐Ÿ“† Kanban Board

(back to top)

๐Ÿ”ญ Future Features

  • Add different categories
  • Add online shopping
  • Add extra styling

(back to top)

๐Ÿค Contributing

Contributions, issues, and feature requests are welcome!

Check the issues page.

(back to top)

โญ๏ธ Show your support

If you found this project helpful, consider giving a โญ๏ธ!

(back to top)

๐Ÿ™ Acknowledgments

We would like to express our deepest gratitude to all the people that have contributed to make this project possible.

Development Team

  • Cristian Villa
  • Sebastian Gonzalez

Institution

  • Microverse: Thanks to all community for creating this bootcamp. The program's structure and the quality of education provided have been crucial for our growth as developers.

Reference Design

  • I would also like to thank [Murat Korkmaz] for the original design on Behance that served as inspiration for this project.

(back to top)

๐Ÿ“ License

This project is MIT licensed.

(back to top)

full-stack-app's People

Contributors

cvilla09 avatar shm04 avatar movgto avatar

Watchers

 avatar

Forkers

cvilla09 shm04

full-stack-app's Issues

[3pts] Kanban board setup - Group task

Github project : The Project

There are 2 people in this group, (Anwar and Gumaro have left the group) this is the setup of our work :

[Group Tasks]

  • [3pts] Kanban board setup - Group task

  • [1pt] Set up React app - Group task

  • [1pt] Set up Rails app - Group task

  • [2pts] Create the ER diagram - Group task

  • [1pt] Create tables & database schema - Group task

  • [1pt] Create the reserve an appointment page - Group task

    [9pts]


Cristian Villa

  • [2pts] Log in to the website

  • [2pts] Create navigation panel

  • [1pts] Add Login System- back-end

  • [3pts] Create API endpoints & routes

    [8pts]


Gumaro Monroy

Now because he left the group, all his tasks will become group tasks.

[Group Tasks]

  • [2pts] Add item feature

  • [2pts] Delete item feature

  • [3pts] Add and delete items - back-end

  • [2pts] Authorization to add and delete items [OPTIONAL]

  • [2pts] User authentication [OPTIONAL]

    [11pts]- 4pts= 7pts


Sebastian Gonzalez

  • [2pts] Add Navigation - back-end

  • [2pts] Create details page

  • [2pts] Make the app responsive

  • [2pts] Create details page -back-end

    [8pts]


Anwar Hussaini

Now because he left the group, all his tasks will become group tasks.

[Group Tasks]

  • [2pts] Create main page

  • [2pts] My reservations feature

  • [2pts] API full documentation

  • [2pts]Create main page - back-end

    [8pts]


Initial Screenshot:

Captura de pantalla 2023-12-06 a la(s) 6 42 06โ€ฏp m

[2pts] Add item feature

  • Create actions in back end to create a new item.
  • Add a form to create a new item.
  • Add styles to the form.

[2 pts] Add Navigation - back-end

  • Display Teslas.
  • "Reserve" form.
  • "My reservations".
  • "Add Tesla" (the link is visible to everybody).
  • "Delete Tesla" (the link is visible to everybody).

[3pts] Create API endpoints & routes

  • Create a new bike. # NAV Add bike
  • Delete a bike. # NAV Delete bike
  • Reserve a bike. # NAV Reserve form
  • List the current user-reserved bikes. # NAV My reservations
  • List all bikes. # homepage # NAV Display bike
  • List current bike. # Display selected bike on homepage

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.