Code Monkey home page Code Monkey logo

spudder's Introduction

Spudder Logo

Spudder: Web3 Uber Clone

Welcome to Spudder, a Web3-based Uber clone that allows users to pay for rides using ETH and connect seamlessly with MetaMask for secure transactions.

Spuseum GIF 1 Spuseum GIF 2

๐Ÿš— Features

  • Request rides and pay using ETH
  • Connect with MetaMask for secure transactions
  • Tracking of rides
  • Driver and passenger profiles
  • RealTime Transaction Receiving

๐ŸŒ Live Demo

Experience a live demo of Spudder here.

๐Ÿ› ๏ธ Technologies Used

  • React.js: Frontend framework for building user interfaces.
  • Next.js: React framework for server-side rendering and fast development.
  • TypeScript: Superset of JavaScript for type-checking and enhanced developer experience.
  • Ethereum.js: Library for interacting with the Ethereum blockchain and handling ETH transactions.
  • MetaMask: Browser extension for securely managing Ethereum wallets and interacting with dApps.
  • Tailwind CSS: Utility-first CSS framework for styling the application.
  • PostCSS: CSS post-processor for transforming styles with JavaScript plugins.
  • Sanity: Headless CMS for managing content and data in a structured manner.
  • Mapbox GL: Library for integrating interactive maps into web applications.
  • React Icons: Library for easily adding icons to React applications.

๐Ÿš€ Getting Started

Make sure to make a sanity database and connect it with the frontend ^^

  1. Clone the repository:

    git clone https://github.com/sprdgx/spudder.git
    
  2. Go to The Directory:

    cd /spudder/client
    
  3. Install dependencies:

    yarn install
    
  4. Start the development server:

    yarn dev
    

This command will start the NextJs development server and open the project in your default web browser.

๐Ÿ“„ License: This project is licensed under the MIT License - see the LICENSE file for details.

spudder's People

Contributors

sprdgx 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.