/RentUrTechFrontend

This is a React application part of a full-stack project called "RentUrTech" (check the link to the backend-end in the README.md). The main goal of this project is to provide users with an environment to reserve a specific product for a set amount of time. Thus, in this application users can create an account, can log in, and can see all the added equipment or the details of one. They will be required to log in to manage their own reservations. For creating and destroying equipment, the user needs a proper role. Feel free to take this project and modify it for your own business use!

Primary LanguageJavaScriptMIT LicenseMIT

RentUrTech React

"RentUrTech React" is the front-end of the 'RentUrTech' full stack project(check the link to the back-end below). The main goal of this project is to provide users with an environment to reserve a specific product for a set amount of time. Thus, in this application users can create an account, get an authorization token, and retrieve all or one piece of equipment. They will be required to have an authorization token to manage their own reservations. For creating and destroying equipment, the user needs a proper role. Feel free to fork this project and modify it for your own use!

Desktop Preview

Desktop Preview

Mobile Preview

Mobile Preview

Deployment

You can find the app live link here

Back-end Repository

You can find the back-end API in this Repo. The back-end was made using Ruby on Rails.

Built With

  • Languages: JavaScript, HTML & SCSS
  • Frameworks: React & Redux
  • Technologies used: Visual Studio Code

Getting Started

To launch the project locally:

Step 1:

  • Clone this repo locally using git in the command line and the following command
> git clone git@github.com:Final-Capstone-Elite-Group/RentUrTechFrontend.git
> cd RentUrTechBackend
  • Alternatively, you can just download the complete zip file and extract the folder in your directory

Step 2:

  • Download all dependencies to use the Project
> npm install

Step 3:

In the project directory, you can run:

npm start

Runs the app in the development mode.\

The page will reload when you make changes.
You may also see any lint errors in the console.

npm run build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

See the section about deployment for more information.

Original Authors

Front-end Team

👤 Zeeshan Haider

Platform Badge
GitHub @zhadier
LinkedIn Zeeshan Haider

👤 Nicolas Gonzalez

Platform Badge
GitHub @Nicolaswg
Twitter @Nicolas54146830
LinkedIn nicolas-gonzalez

👤 LeonardoAlbornoz

Platform Badge
GitHub: @Leboroz
Twitter: @Leboroz
LinkedIn: Leonardo Albornoz

Back-end Team

👤 Andrés Felipe Arroyave Naranjo

Platform Badge
GitHub @JohnFTitor
Twitter @johnftitor
LinkedIn Andres

👤 Jose Abel Ramirez

Platform Badge
GitHub Jose Abel Ramirez
LinkedIn Jose Abel Ramirez Frontany

🤝 Contributing

Contributions, issues, and feature requests are welcome and highly encouraged! We feel that your input is what helps us grow so you're always Welcome :)

Feel free to check the issues page.

Show your support

Give a ⭐️ if you like this project! I would love to hear your thoughts and ideas 🖤

Acknowledgments

  • Thank you to all our peers who helped us out through this wonderful journey at Microverse. 🌥️

Web Design

The template style guidelines such as the layout distribution, color and selected fonts for the whole project were designed by Murat Korkmaz on Behance.

Check Murat's page for more amazing GUI and Graphic designs!

📝 License

This project is MIT licensed.