/js-crash

Primary LanguageJavaScript

Untitled Designer Database

Currently under development.

Created by Mel Jones

Description:

  • An Inventory of Female Designers.
  • My goal is to incorporate a clickable map that will show the density of female designers around the world.
  • I would like it if you can click through the map, and pull up lists by location and skill, and from there click through to the designers websites :)

Objective:

  • Create a nodejs/express/mongoDb App.
  • Learn a bit about backend JavaScript.
  • This project is created alongside & with thanks to WTM JS Crash Course.

Technologies:

nodejs expressjs mongoDb mongoose pug ava

Start application

$ npm install

$ nodemon index.js

make sure mongoDb is running $ brew services start mongodb-community

open localhost:3000

Interactions

Designer

  • add new Designer
    • name:
      • firstName
      • LastName
    • location: String
    • email: String -with validation
    • website: String
    • skills: Array
    • description: String
  • added fullName method
  • [TO DO] submit a request to be added to inventory

Skill

  • add new Skill
    • name: String

Location

  • add new Location
    • name: String

User

  • add new User
    • name: String
    • email: String
    • location: String

Search

IDEAS/TO DO..

Designer

  • can submit a request to be added to the inventory
  • [DONE] name, seperate first and last names
  • location, seperate city & country User
  • [DEVELOPING]can view Designers by Location
  • can view Designers by City/Country
  • can view Designers by Skill
  • can view Designers Alphabetically
  • can view Designers Randomly (home & on refresh)
  • can view Designers on a map
  • click on Designer and be directed to the Designers Website
  • hover over Designer and view a description
    • OR hover over Designer and view website
  • OPTIONAL/TO BE CONSIDERED
    • User can create an account
    • User can log in
    • User star/favourite a Designer
    • User view their favourites list
    • User can message/email Designer

Classes & Routes

Applicaton utilizes axios. To run interactions copy & paste into browser.

Designer

  • http://localhost:3000/designer/all

  • add new designer

    • axios.post('/designer', { fullName: 'Mel Jones', email: 'jones.mel@gmail.com', website: 'meljonesss.mel'}).then(console.log)
    • axios.post('/designer', { fullName: 'Sally Sweet', email: 'sallysweet@email.com', website: 'sally.sweet'}).then(console.log)
    • axios.post('/designer', { fullName: 'Farrah Lee', email: 'farrah@email.com', website: 'farrahlee.com'}).then(console.log)
    • axios.post('/designer', { fullName: 'Rosa Jones', email: 'rosa@email.com', website: 'rosa.design'}).then(console.log)
    • axios.post('/designer', { fullName: 'Conor O'Rourke', email: 'conor@gmail.com', website: 'conor.com'}).then(console.log)
    • axios.post('/designer', { fullName: 'Arne Lucas', email: 'arne@gmail.com', website: 'arne.com'}).then(console.log)

  • delete designer

    • axios.delete('/designer/6').then(console.log)

  • add skill to designer

    • axios.post('/designer/5dd29b5ebfd250191a6d9c98/skills', { skill: '5dd2bcf12a232e2612439867' }).then(console.log)

  • add location to designer

    • axios.post('/designer/5dd2e4522dd94d3e806d3d6f/location', { location: '5dd2a528bcbc5a2088c5dd44' }).then(console.log) ​

Skill

  • add skill
    • axios.post('/skill', { name: 'Web Design'}).then(console.log)

Location

  • add location
    • axios.post('/location', { name: 'Berlin'}).then(console.log)

User

  • add new User

    • axios.post('/user', { fullName: 'Arne Lucas', email: 'zacmee@hotmail.com' }).then(console.log)

  • delete User

    • axios.delete('/user/6').then(console.log)

Reference links:

Thanks:

A big thanks to all the Teacher & Assistants that gave up their evenings to teach us all about JavaScript, thanks for reviewing our code and keeping us motivated. Armagan, Mert, Omur, Maria, Mihri, Celian, Jason, Anja, JP plus anyone I missed, you're all awesome and I'm super appreciative! Thanks to my classmates for being so great and inspiring! Thanks to Wayfair for the venue and the food! THANKS WTM BERLIN!!! <3 <3 <3


Any advice/suggestions are most welcome!