GithubHelp home page GithubHelp logo

azwar / ecommerce-fullstack Goto Github PK

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

eCommerce Fullstack assessment test

Home Page: https://e-commerce-fullstack-three.vercel.app

JavaScript 1.12% Dockerfile 0.31% TypeScript 96.75% CSS 1.82%

ecommerce-fullstack's Introduction

Welcome to My Fullstack Ecommerce Test!

Hi! I'm Azwar Akbar. Here is the test result for my assessment for Fullstack Dev position. This project was built using Typescript ExpressJS, TypeORM, NextJS, ReactJS.

How to run the project

There are frontend and backend folder project. Enter to the each directory using cd frontend or cd backend

Run Backend

  1. Enter to backend directory: cd backend
  2. Create .env file. Just copy paste from file .env.example
  3. Complete the fields to match yout environtment configuration: PORT=3001
    POSTGRESQLDB_HOST=localhost
    POSTGRESQLDB_USER=
    POSTGRESQLDB_ROOT_PASSWORD=
    POSTGRESQLDB_DATABASE=ecommerce_db
    POSTGRESQLDB_LOCAL_PORT=5432
    POSTGRESQLDB_DOCKER_PORT=5432
    NODE_LOCAL_PORT=80
    NODE_DOCKER_PORT=3001

Just skip the DOCKER related variable. Make sure you have set the variable environtment corectly. 5. Install dependencies: npm install 6. Run database seed: npm run seed It will create intial data seed for Product and User. 7. Run the project using dev mode: npm run dev 8. Hit the API via URL: http://localhost:3001 9. Check or run each funtion by reffering this Postman API Documentation: https://documenter.getpostman.com/view/1210810/2sA35D64Hc 10. Done

Run Frontend

  1. Enter to backend directory: cd frontend
  2. Create .env file. Just copy paste from file .env.example
  3. Complete the fields to match yout environtment configuration: Make the frontend to point to our Backend API using this variable

NEXT_PUBLIC_API_URL=http://localhost:3001

  1. Install dependencies: npm install
  2. Run project: npm run dev
  3. Hit the Frontend via URL: http://localhost:3000
  4. Done

ecommerce-fullstack's People

Contributors

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