Giter Site home page Giter Site logo

tarun-upadhyay / octalogic_tech_ass Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 715 KB

The goal is to design and provide users with a form that collects the user information and data about the vehicle to rent and the dates on which the vehicle is rented.

Home Page: https://octalogic-beta.vercel.app/

JavaScript 95.59% HTML 3.89% CSS 0.52%
aiven-cloud contextapi css3 express-js github hooks-api-react html5 nodejs-server reactjs render sequelize-orm sqlite tailwindcss vercel-deployment

octalogic_tech_ass's Introduction

Project Overview

Octalogic Tech Full Stack Coding Assignment.


The goal of this project is to design and implement a form that collects user information and details about the vehicle to be rented, along with the rental dates. The form will enable users to provide necessary information for renting a vehicle, including personal details, vehicle specifications, and rental dates. This information will be used to process the rental request and manage the rental period efficiently. The form should be user-friendly, intuitive, and secure, ensuring that users can easily enter the required information and submit their rental request.


Deployed Links


๐ŸŒ SERN Stack App

Sequelize, Expressjs, React/Redux, Nodejs

SERN app,Tech Stacks-> Sequelize, Expressjs, React/Redux, TailwindCss, Github, Nodejs.

If the web-app is not responsing, please wait and reload. This may occur due to Render's free version not responding.

Requirements

  • For development, you will only need Node.js and a node global package, NPM, installed in your environement.

Clone or Download

$ git clone https://github.com/tarun-upadhyay/octalogic_tech_ass.git
$ yarn # or npm i

Project structure

client
    - package.json
    - src
        - index.js
        - App.jsx
     - Components
     - Pages
         ---
server
    - package.json
    - app.js
    - controller
        - bookingContoller.js
        - allother controles..
    - DB
       - db.config.js
...

Client-side usage(PORT: 3000)

$ cd frontend          // go to frontend folder
$ yarn # or npm i     // npm install packages
$ npm start          // run it locally

Server-side usage(PORT: 5000 || 8080)

$ cd backend          // go to client folder
$ yarn # or npm i    // npm install packages
$ npm start        // run it locally

Prepare your secret

  • Inside ->.env
  • MYSQL_USERNAME
  • MYSQL_PASSWORD
  • MYSQL_HOST

Features.

Customer Page

  1. Homepage of Customer's website alt text alt text alt text alt text alt text

  2. All bookings alt text


API Endpoints:

  • GET /api/v1/vehicle
    • This endpoint will list out all the wheeler info
  • GET /api/v1/vehicle/vehicleType/:id
    • This endpoint is used to get all vehicle types basis on id.
  • GET /api/v1/vehicle/vehicleModel/:id
    • This endpoint is used to get all vehicle models basis on id.

Bookings

  • POST /api/v1/booking/create
    • This endpoint is used to store all the bookings of a user
  • GET /api/v1/booking
    • This endpoint is used to get all booked vehicles.
  • DELETE /api/v1/booking/delete/id
    • This endpoint is used tod delelte booking on basis of id.

Thank you for your time

  • Thank you for using this application
  • Feel free to ask any query.

My Github https://github.com/tarun-upadhyay

My Portfolio https://tarun-upadhyay.github.io/

Email ME


octalogic_tech_ass's People

Contributors

tarun-upadhyay avatar

Watchers

 avatar

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.