Blog

  • RakshitSharma_2010991063_scaler_assignment

    Cab Service(Shortest path/time detection)

    AWS Hosting:

    aws-s3

    Visit The Website Now: Visit Now 🚀

    Welcome to my project! This is a Cab Booking App made with MERN stack. It lets users quickly and easily book cabs with multiple options and price variations. With this App, users can effortlessly reach their destination in the minimum time and price.

    dijkstra algorithm (Python) calculates the shortest path using the source and destination fetched from the user. Once the shortest path has been calculated, the website will display the estimated time and distance of the trip to the user, as well as the price calculated according to the formula 10rs/min(cab GO). Python file for the Shortest path is called using Child-process(NodeJs library)

    The user gets notified through the Nodemailer email service used on the website, as soon as the user books the cab detailed mail is sent to the user about the price, timestamp of booking, cab name, etc. The driver would also receive the optimized route through their navigation system, ensuring they take the most efficient path to the destination.

    No cab should have an overlapping start and end time – as the user booked a cab he/she cannot book another cab till the duration of the booked trip is completed. Responsive design web design users can use the web application on mobile devices also with the best user experience.

    Admins can view all the user’s email id, the number of cabs they have booked who booked cabs from the website, Admins can also view the total number of cabs that have been booked by all users its id, what time, email of the user, etc.

    while ReactJs and NodeJs are structured using an atomic design model

    🚀 Features

    • No Login Required just the EMAIL
    • Mail of confirmed booking is recieved
    • Multiple cabs to choose from
    • User can choose rate on his/her own will
    • Multiple locations available
    • User friendly UI

    clone or download

    $ git clone https://github.com/rakshit-2/scaler_assignment.git
    $ cd client(ReactJs),cd server(NodeJs)
    $ yarn # or npm i
    

    notice, you need client and server runs concurrently in different terminal session, in order to make them talk to each other

    Client-side usage(PORT: 3000)

    $ cd client          // go to client folder
    $ yarn # or npm i    // npm install packages
    $ npm start        // run it locally
    
    // deployment for client app
    $ npm run build // this will compile the react code using webpack and generate a folder called docs in the root level
    $ npm run start // this will run the files in docs, this behavior is exactly the same how gh-pages will run your static site
    

    Server-side usage(PORT: 5000)

    Prepare your secret

    run the script at the first level:

    (You need to add a mongoose Connection String in .env to connect to MongoDB)

    // in the root level
    $ cd server
    $ echo "MONGODB_URL=MONGODB_URL PORT=5000 GMAIL=GMAIL PASS=Gmail_passwod" >> src/.env
    

    Start

    $ cd server   // go to server folder
    $ npm i       // npm install packages
    $ npm run devStart // run it locally
    $ npm run build // this will build the server code to es5 js codes and generate a dist file
    

    Dependencies(tech-stacks)

    Client-side Server-side
    @emotion/react: ^11.10.6 nodemailer: ^6.9.1
    @emotion/styled: ^11.10.6 body-parser: ^1.20.2
    @fortawesome/fontawesome-free: ^6.4.0 cors: ^2.8.5
    react: ^18.2.0 dotenv: ^16.0.3
    react-dom: ^18.2.0 express: ^4.18.2
    react-router-hash-link: ^2.4.3 chalk: ^4.1.2
    react-router-dom: ^4.2.2 mongoose: ^7.0.3
    axios: ^1.3.5
    @mui/material ^5.12.1

    Screenshots of this project

    User visit Landing page

    ss1

    User visit Cab Booking

    ss2

    Responsive Web Design

    ss5 ss7

    Standard

    JavaScript Style Guide

    BUGs or comments

    Create new Issues (preferred)

    Email Me: rakshit4013@gmail.com (welcome, say hi)

    Visit original content creator repository https://github.com/rakshit-2/RakshitSharma_2010991063_scaler_assignment
  • RakshitSharma_2010991063_scaler_assignment

    Cab Service(Shortest path/time detection)

    AWS Hosting:

    aws-s3

    Visit The Website Now: Visit Now 🚀

    Welcome to my project! This is a Cab Booking App made with MERN stack. It lets users quickly and easily book cabs with multiple options and price variations. With this App, users can effortlessly reach their destination in the minimum time and price.

    dijkstra algorithm (Python) calculates the shortest path using the source and destination fetched from the user. Once the shortest path has been calculated, the website will display the estimated time and distance of the trip to the user, as well as the price calculated according to the formula 10rs/min(cab GO). Python file for the Shortest path is called using Child-process(NodeJs library)

    The user gets notified through the Nodemailer email service used on the website, as soon as the user books the cab detailed mail is sent to the user about the price, timestamp of booking, cab name, etc. The driver would also receive the optimized route through their navigation system, ensuring they take the most efficient path to the destination.

    No cab should have an overlapping start and end time – as the user booked a cab he/she cannot book another cab till the duration of the booked trip is completed. Responsive design web design users can use the web application on mobile devices also with the best user experience.

    Admins can view all the user’s email id, the number of cabs they have booked who booked cabs from the website, Admins can also view the total number of cabs that have been booked by all users its id, what time, email of the user, etc.

    while ReactJs and NodeJs are structured using an atomic design model

    🚀 Features

    • No Login Required just the EMAIL
    • Mail of confirmed booking is recieved
    • Multiple cabs to choose from
    • User can choose rate on his/her own will
    • Multiple locations available
    • User friendly UI

    clone or download

    $ git clone https://github.com/rakshit-2/scaler_assignment.git
    $ cd client(ReactJs),cd server(NodeJs)
    $ yarn # or npm i
    

    notice, you need client and server runs concurrently in different terminal session, in order to make them talk to each other

    Client-side usage(PORT: 3000)

    $ cd client          // go to client folder
    $ yarn # or npm i    // npm install packages
    $ npm start        // run it locally
    
    // deployment for client app
    $ npm run build // this will compile the react code using webpack and generate a folder called docs in the root level
    $ npm run start // this will run the files in docs, this behavior is exactly the same how gh-pages will run your static site
    

    Server-side usage(PORT: 5000)

    Prepare your secret

    run the script at the first level:

    (You need to add a mongoose Connection String in .env to connect to MongoDB)

    // in the root level
    $ cd server
    $ echo "MONGODB_URL=MONGODB_URL PORT=5000 GMAIL=GMAIL PASS=Gmail_passwod" >> src/.env
    

    Start

    $ cd server   // go to server folder
    $ npm i       // npm install packages
    $ npm run devStart // run it locally
    $ npm run build // this will build the server code to es5 js codes and generate a dist file
    

    Dependencies(tech-stacks)

    Client-side Server-side
    @emotion/react: ^11.10.6 nodemailer: ^6.9.1
    @emotion/styled: ^11.10.6 body-parser: ^1.20.2
    @fortawesome/fontawesome-free: ^6.4.0 cors: ^2.8.5
    react: ^18.2.0 dotenv: ^16.0.3
    react-dom: ^18.2.0 express: ^4.18.2
    react-router-hash-link: ^2.4.3 chalk: ^4.1.2
    react-router-dom: ^4.2.2 mongoose: ^7.0.3
    axios: ^1.3.5
    @mui/material ^5.12.1

    Screenshots of this project

    User visit Landing page

    ss1

    User visit Cab Booking

    ss2

    Responsive Web Design

    ss5 ss7

    Standard

    JavaScript Style Guide

    BUGs or comments

    Create new Issues (preferred)

    Email Me: rakshit4013@gmail.com (welcome, say hi)

    Visit original content creator repository https://github.com/rakshit-2/RakshitSharma_2010991063_scaler_assignment
  • now-ui-dashboard

    version GitHub issues open GitHub closed issues

    Product Gif

    Now UI Dashboard is a responsive Bootstrap 4 kit provided for free by Invision and Creative Tim. It combines colors that are easy on the eye, spacious cards, beautiful typography, and graphics. Now UI Dashboard comes packed with all plugins that you might need inside a project and documentation on how to get started. It is light and easy to use, and also very powerful.

    Now UI Dashboard has the same design characteristics as Now UI Kit, so it is quite convenient to use them together. Or you can choose between them depending on the project at hand. If you love Now UI Kit, you’ll love Now UI Dashboard. Create awesome, lifelike prototypes with InVision and Now so your users can experience and give feedback on your vision!

    Bootstrap 4 Support Now UI Dashboard is built on top of the much awaited Bootstrap 4. This makes starting a new project very simple. It also provides benefits if you are already working on a Bootstrap 4 project; you can just import the Now UI Dashboard style over it. Most of the elements have been redesigned; but if you are using an element we have not touched, it will fall back to the Bootstrap default.

    Special thanks

    During the development of this dashboard, we have used many existing resources from awesome developers. We want to thank them for providing their tools open source:

    Let us know your thoughts below. And good luck with development!

    Table of Contents

    Versions

    React Angular HTML
    Now UI Dashboard React Now UI Dashboard Angular Now UI Dashboard HTML

    Demo

    View More.

    Quick start

    Quick start options:

    Deploy

    🚀 You can deploy your own version of the template to Genezio with one click:

    Deploy to Genezio

    Documentation

    The documentation for the Now UI Dashboard is hosted at our website.

    File Structure

    Within the download you’ll find the following directories and files:

    now-ui-dashboard
    
    ├── CHANGELOG.md
    ├── README.md
    ├── assets
    │   ├── css
    │   │   ├── now-ui-dashboard.css
    │   │   ├── now-ui-dashboard.min.css
    │   │   ├── bootstrap.min.css
    │   │   ├── bootstrap.min.css.map
    │   │   └── now-ui-dashboard.css.map
    │   ├── demo
    │   │   └── demo.js
    │   ├── fonts
    │   │   ├── nucleo-license.md
    │   │   ├── nucleo-outline.eot
    │   │   ├── nucleo-outline.ttf
    │   │   ├── nucleo-outline.woff
    │   │   └── nucleo-outline.woff2
    │   ├── img
    │   ├── js
    │   │   ├── core
    │   │   │   ├── bootstrap.min.js
    │   │   │   ├── jquery.min.js
    │   │   │   └── popper.min.js
    │   │   ├── now-ui-dashboard.js
    │   │   ├── now-ui-dashboard.js.map
    │   │   ├── now-ui-dashboard.min.js
    │   │   └── plugins
    │   │       ├── bootstrap-notify.js
    │   │       ├── chartjs.min.js
    │   │       └── perfect-scrollbar.jquery.min.js
    │   └── scss
    │       ├── now-ui-dashboard
    │       └── now-ui-dashboard.scss
    ├── docs
    ├── examples
    │   ├── dashboard.html
    │   ├── icons.html
    │   ├── map.html
    │   ├── notifications.html
    │   ├── tables.html
    │   ├── typography.html
    │   ├── upgrade.html
    │   └── user.html
    ├── gulpfile.js
    ├── nucleo-icons.html
    └── package.json
    
    

    Browser Support

    At present, we officially aim to support the last two versions of the following browsers:

    Resources

    Reporting Issues

    We use GitHub Issues as the official bug tracker for the Material Dashboard Pro. Here are some advices for our users that want to report an issue:

    1. Make sure that you are using the latest version of the Material Dashboard Pro. Check the CHANGELOG from your dashboard on our website.
    2. Providing us reproducible steps for the issue will shorten the time it takes for it to be fixed.
    3. Some issues may be browser specific, so specifying in what browser you encountered the issue might help.

    Technical Support or Questions

    If you have questions or need help integrating the product please contact us instead of opening an issue.

    Licensing

    Useful Links

    Social Media

    Twitter: https://twitter.com/CreativeTim

    Facebook: https://www.facebook.com/CreativeTim

    Dribbble: https://dribbble.com/creativetim

    Google+: https://plus.google.com/+CreativetimPage

    Instagram: https://instagram.com/creativetimofficial

    Visit original content creator repository https://github.com/creativetimofficial/now-ui-dashboard
  • fsrc (fast code search)

    fsrc (fast code search)

    This tool is meant to search large codebases for text snippets. It uses a threadpool to open and search in all text files in the current folder.
    The string search is sse2 optimized code from mischasan.
    On macOS with Mx CPUs, sse2neon is used to map SSE2 to ARM.

    Usage

    user@home:/usr/include/boost$ fsrc
    Usage  : fsrc [options] term
    Options:
      -d [ --dir ] arg      Search folder
      -e [ --ext ] arg      Search only in files with extension <arg>, equiv. to
                            --glob '*.ext'
      -g [ --glob ] arg     Search only in files filtered by <arg> glob, e.g.
                            '*.txt'; overrides --ext
      -h [ --help ]         Help
      --html                open web page with results
      -i [ --ignore-case ]  Case insensitive search
      --no-git              Disable search with 'git ls-files'
      --no-colors           Disable colorized output
      --no-piped            Disable piped output
      --no-uri              Print w/out file:// prefix
      --only-files          Only print filenames
      --piped               Enable piped output
      -q [ --quiet ]        only print status
      -r [ --regex ]        Regex search (slower)
    
    Build : v0.27 from Jan 29 2023
    Web   : https://github.com/elsamuko/fsrc
    user@home:/usr/include/boost$ fsrc filesystem
    Searching for "filesystem" in folder:
    
    ...
    /usr/include/boost/spirit/home/x3/support/utility/testing.hpp
    L  11 : #include <boost/filesystem.hpp>
    L  12 : #include <boost/filesystem/fstream.hpp>
    L  16 :     namespace fs = boost::filesystem;
    L 205 :         catch (const fs::filesystem_error& ex)
    L 215 :         boost::filesystem::ifstream file(p);
    
    Times: Recurse 22 ms, Read 83 ms, Search 14 ms, Collect 0 ms, Print 28 ms
    Found 449 matches in 68/12520 files (108658 kB) in 34 ms
    user@home:/usr/include/boost$

    Behaviour

    • If there is a .git folder in the main search folder, it uses git ls-files to get all files to search in
    • a .git folder is never searched
    • hidden folders and files are searched
    • binaries are ‘detected’, if they contain two binary 0’s within the first 100 bytes or are PDF or PostScript files.
    • all option-less arguments are the search term
    • folders are set with -d
    • when printing a match in a long line, only 100 chars context are printed, which makes searching in minified sources easier
    • with --html you get the results as web page
    • with --glob you can filter filenames by glob

    Architecture

    fsrc has a simple architecture: https://elsamuko.github.io/fsrc/architecture.html

    Building

    Windows

    You need VS2022 and cygwin.

    Linux

    You need g++ 11 or newer.

    macOS

    You need XCode 14 or later.

    General

    You need bash, cmake, curl and zip available from the command line.
    Run ./deploy.sh to compile the current source and package it as zip file.
    Run ./scripts/build_boost.sh to build boost deps.
    You need Qt/qmake to open the fscr.pro build file.

    Visit original content creator repository
    https://github.com/elsamuko/fsrc