GithubHelp home page GithubHelp logo

nadaabdelmaboud / phantom Goto Github PK

View Code? Open in Web Editor NEW
20.0 5.0 8.0 52.65 MB

A mimic website of Pinterest where one can share ideas , socialize and find inspirational ideas

License: MIT License

JavaScript 12.75% HTML 0.09% Vue 40.29% TypeScript 44.84% SCSS 1.84% Shell 0.20%
nestjs mongodb mongoose vue vuelazyload googleapi bootstrap firebase websocket socket-io nodejs typescript compodoc-documentation ml5 teachable-machine

phantom's Introduction

Phantom Logo

Phantom

Table of Contents

  1. Description
  2. Screenshots
  3. Links
  4. Tools
  5. Getting Started
  6. Contributing
  7. Contributors
  8. License

Description

Phantom A mimic website of Pinterest where one can share ideas , socialize and find inspirational ideas .

Screenshots

  • Create New Phantom Account And Try It Yourself

    Sign Up

  • Tell Us What Interests You

    Interests

  • Explore Your Home Feed With Pins Recommended For You

    HomeFeed

  • Create Your Boards And Manage How They Look

    Profile Boards

  • Have More Control and Divide Your Board Into Sections

    Sections

  • Invite Collaborators Into Your Boards And Share Your Intersts

    Collaborators

  • Create Your Own Pins And Add Them To Your Boards

    Create Pin

  • Don't Miss A Thing And Keep Up With Your Notifications

    Notifications

  • Chat With Others And Make New Friends Who Share You Some Interests

    Chat

  • Follow People Recommended For You

    Follow

  • Tune Your Home Feed With What You Like

    Topics

  • Manage Your Profile Info And Account Settings

    Setting

  • Close Your Account Whenever You Want

    Close Account

  • Search By Filters About What You Want

    Search

  • Socialize More And Share Your Thoughts About Others' Pins

    Comments

    Reacts

  • Find More Ideas Related To A Pin You Opened

    More Pins

Links

Tools

  1. Frontend
    • Vue
    • Vue lazyload
    • Bootstrap
    • Firebase
    • Socket io
  2. Backend
    • Nestjs
    • Mongodb
    • Firebase
    • WebSockets
    • Google Api

Getting Started

  • Server

    • Run

         $ cd server/phantom
      
         # install
         $ npm install
      
         # development
         $ npm run start
      
         # watch mode
         $ npm run start:dev
      
         # production mode
         $ npm run start:prod
      
    • Env Variables

    • Database Seeds

         $ cd server/phantom
      
         $ npm install mongonaut
      
         #seeds will be added to a new mongo local db
         $ npm run seeds
    • Api Documentation

    • JsDoc

         $ cd server/phantom
      
         $ npm install -g "@compodoc/compodoc"
      
         $ npm run compodoc
         # then open documentation/index.html
  • Frontend

    • Frontend Run

          $ cd client
      
          # install
          $ npm install
      
          # development
          $ npm run serve
      
          # production mode
          $ npm run build
      
    • Frontend Env Variables

Contributing

1. Fork this repo
2. Create new branch
	$ git checkout -b <FeatureBranch>
3. Add your feature then
	$ git commit -m "add my feature"
	$ git push origin <FeatureBranch>
4. Create PR

Stay in touch

License

Phantom is MIT licensed.

phantom's People

Contributors

ayaabohadima avatar dependabot[bot] avatar dinaalaaahmed avatar emanothman21 avatar mennaelmesalmy avatar nadaabdelmaboud avatar nihal-mansour avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

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