Code Monkey home page Code Monkey logo

sneaklove's Introduction

Hey hackers !

Good news : Your team has been selected by our final client !

Your mission is to create a fullstack client-server CRUD application !!!

Our client demands an online shop specialized in sneakers.

Thankfully, our lead designer has already done a big part of the job.

So you won't have to deal that much with HTML/CSS ( Ahhh... this is perfect ; )


You'll find the mission details below

  • all sneakers are fetched from a mongo database

  • the final users must be able to signup and signin

  • logged in users are able to create new products

  • logged in users are able to update a product

  • logged in users are able to delete some products

  • don't mess up the design !!!


Warning

  • A lazy programer made some mistakes in the source code, you may have to find/fix the bugs !

Shop pages :

  • collection : display all products
  • kids : display only kids products
  • women : display only women products
  • men : display only women products

(see bonus below)


DB Schemas

  • User {
    name: String,
    lastname: String,
    email: String,
    password: String
    }

  • Sneaker {
    name: String,
    ref: String,
    size: Number,
    description: String,
    price: Number,
    category: String [men, women, kids],
    id_tags: [ObjectId]
    }

  • Tags {
    label: String
    }


.env infos

  • PORT=
  • MONGO_URI=
  • CLOUDINARY_NAME=
  • CLOUDINARY_KEY=
  • CLOUDINARY_SECRET=
  • SESSION_SECRET=

Delivery

Each team will deliver their code on a github repo Before today, ed of the day


Bonuses

  • 1 make the shop responsive with flex and media-queries

  • 2 add some custom categories @ /prod-add

  • 3 code the products filters using the AJAX method


Hardcore bonus

  • 4 Add a shopcart feature :D

sneaklove's People

Contributors

kostra0ne avatar oliebab avatar

Stargazers

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