Giter Club home page Giter Club logo

coolcoderz / atrentals Goto Github PK

View Code? Open in Web Editor NEW
37.0 6.0 27.0 18.1 MB

MERN stack website serving as a platform for book renting with least costs involved as one needs to pay just shipping & minimal day wise rental charges.

Home Page: https://atrentals.netlify.app/

License: MIT License

HTML 26.08% CSS 14.18% JavaScript 59.73%
hacktoberfest mern-stack mern-stack-development mern-project ecommerce-website renter website webdevelopment reactjs nodejs

atrentals's Introduction

@Rentals

MERN website serving as a platform for Book Renting with least costs involved as one needs to pay just shipping & minimal day wise rental charges.

Technologies Used:

  • Front End : ReactJS, HTML, CSS, Bootstrap
  • Back End : NodeJS, ExpressJS, JWT
  • Database : MongoDB

Functionality

User

Basic
  • Login, Signup
  • Search for a book
    • Title, Category, Author/ Publication per se
  • Discover trending books
    • Filter functionality
  • View Profile and Update
  • View Past renting orders/ transaction details
Lesse (Who wants to put book on rent)
  • Lease/ put a book on rent (as a Lesse)
    • Select Book from Database that you want to make avl for renting
    • Period Avl
  • Add a new book to make it available for renting based on
    • Book Title, Author, Publication
    • Period to be put on Rent (Date - FROM, TO)
Renter (Who pays rent for the book)
  • Rent a book (as a Renter)
    • Checking availibility - based on period wanted for
    • Estimate Total Cost = [ 2* Shipping Price + Daily renting rate x Number of days ]
    • Pay & Rent

UI Design/ Layout:

Basic planned layout of pages

Figma file for design Desing prototype

Back-end Plan:

Backend Image

Installation and Execution:

Requirements

For development, you will only need Node.js installed on your environement. And please use the appropriate Editorconfig plugin for your Editor (not mandatory).

For additional Setup info check: Setup.md

Maintainers/ Contributors:

atrentals's People

Contributors

aasthamehtatech avatar akrishna0 avatar anjanama avatar harshita2216 avatar mitali-laroia avatar shubha028 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar

atrentals's Issues

Convert layout to UI design Wireframe

It would be good to have a wireframe (Preferably Figma) designed so that it becomes easy developing the site.

  • Enhancements requested: Simple, Creative UI (You're free to choose any Light Themed Color Resources, contact [email protected] or [email protected] for any further information / doubts.)
  • Note: The layout (framer) link is available in Readme.md
  • You can find the other pages ( give, rent, how this works, etc) by clicking on top left drop down menu which says Name: Home.
  • Regarding design (& other carousel/ img /style resources) you are free to choose any that seems visually pleasing for a book renting site.
  • Pages to be designed:
    • [] Home
    • [] Give/Lease
    • [] Rent
    • [] Books
    • [] How this works
    • [] About Us

Improve Documentation

  • Make it more understandable for beginners.
  • Refactor the Readme file.
  • Provide configuration guidelines for different distributions of Linux , Windows, and mac

To develop basic front-end functionalities of various pages

Type of issue/enquiry

  • Front-End, Development

Description

Develop basic front-end skeletons for various pages aligned with Design
It consists of following pages:

  1. Home/ Landing Page
  2. Lease page
  3. Rent page
  4. How it works page
  5. Books
  6. About us page
  7. Contact us
  8. Sign in and register page

More about each Page in ReadMe & here

Design Links

As pointed in ReadMe the design reference links are:

Other Specifications

  • Hardware/software specification: Develop interactive/ responsive components, i.e. compatible to various device types & sizes.

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.