Coder Social home page Coder Social logo

productapp's Introduction

Product app

Gallery app using flicker API

Tech stack

MongoDB Expressjs Reactjs NodeJs

Folder structure


├── config
├── server
│   ├── config
│   ├── controllers
│   ├── dtos
│   ├── interfaces
│   ├── middleware
│   ├── models
│   ├── routes
│   ├── services
│   ├── tests
│   ├── utils
│   ├── app.ts
│   └── index.ts
├─ src
│  ├─ assets
│  ├─ components
│  ├─ constants
│  ├─ containers
│  ├─ state
│  │  ├─ ducks
│  │  │  └─ ImageGallery
│  │  │  └─ Product
│  │  │     ├─ actions.js
│  │  │     ├─ index.js
│  │  │     ├─ reducers.js
│  │  │     ├─ sagas.js
│  │  │     ├─ selectors.js
│  │  │     └─ types.js
│  └─ index.jsx
└─ Dockerfile

Running Front-end App in DEV mode

#Install dependencies
npm i 

#Start frontend app in dev mode. Default port: 8080
npm run dev 

Product app: http://localhost:8080/

Image gallery app: http://localhost:8080/image-gallery

FrontEnd unit tests: npm run test

Running backend App in DEV mode

#Install dependencies
npm i 

#Start app in dev mode. Default port: 3000
npm run server 

Make sure the app is running using the above command for the backend app.

Backend unit tests: npm run test:server

Swagger endpoint

http://localhost:3000/api-docs

productapp's People

Contributors

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