Giter Site home page Giter Site logo

auction-app's Introduction

Auction App

Getting Started

Description

This is a simple auction app that allows users to create auctions and bid on them, the users can register and login to the app, and they can deposit their money to their account and use it to bid on the auctions.

Technologies

To build this app I used the following technologies:

  • NextJS is a framework that builds on top of ReactJS, and it's used to build server-side rendered applications, it can be used to build fullstack applications.
  • TypeScript is a superset of JavaScript that adds types to the language, it's used to build large scale applications.
  • TailwindCSS is a utility-first CSS framework that allows you to build custom designs without leaving your HTML.
  • Prisma is an ORM that allows you to interact with your database using a type-safe API.
  • SQLite is a C-language library that implements a small, fast, self-contained, high-reliability, full-featured, SQL database engine.
  • GitHub is a code hosting platform for version control and collaboration. It lets you and others work together on projects from anywhere.

Installation

To before you Install the application you have to make sure that you already have :

  • NodeJS is a JavaScript runtime built on Chrome's V8 JavaScript engine.
  • Yarn is a package manager for your code. It allows you to use and share code with other developers from around the world. or you can use NPM which is the default package manager for NodeJS.

if you have all of the above installed on your machine you can follow the following steps to install the application:

  • Clone the repository to your machine using the following command:
git clone https://github.com/ivandi1980/auction-app.git
  • Navigate to the project directory:
cd auction-app
  • Install the dependencies:
yarn install
# or
npm install

Running the application

First you have to make sure that you have NodeJS installed on your machine, then you can run the following command to start the application:

cd auction-app
yarn dev  
# or
npm run dev

and next step is openning the browser and navigate to http://localhost:8000

if you want to run using production mode, first you have to build the application using the following command:

yarn build  
# or
npm run build

then you can run the following command to start the application:

yarn start  
# or
npm run start

Usage

To use the application you have to register first, then you can log in to the application and start creating auctions and bidding on them.

Screenshot

  • Login Page

Login

  • Register Page

Register

  • Publish On Draft Page
    publish

  • Cek Balance Ok Before Bid
    Dashboard

  • Cek Balance Less Money Before Bid
    Dashboard

Contribute

ivandjoh

auction-app's People

Contributors

ivandi1980 avatar dependabot[bot] avatar vahid-nejad avatar

Stargazers

 avatar  avatar

Watchers

Jefry Dewangga avatar  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.