Coder Social home page Coder Social logo

cs5610_project2's Introduction

CS5610_project2

CS5610 Project 2 - E-Business Card
Author: Chun-We Tseng, Kuan-Tsa Chen
Link to Home Page: https://ebusinesscard.herokuapp.com/?fbclid=IwAR3bHnEouHaaj2g43lRoxOc5ipkwHoI2nKth-Fry7oTWuqXh9HTNYkJMt0U Class Link: https://johnguerra.co/classes/webDevelopment_fall_2022/

Background

This is a web app with simple backend with Node.js, Express, Mongo, HTML5. The backend runs a Express server which talks to a remote mongoDB Atlas server. The frontend communicates with the backend Express server via route (route folder) as the entry point.

Installation

To download the project, simply git clone, or download the .zip file from github. Once downloaded to your local machine:

To spin up backend/frontend server, go into the backend/frontend folder, and do the following:

  1. Download all dependencies:
npm install
  1. Then start server, using:
npm start

For security purposes, we will not provide mongoDB connection URL, so you will need to either create a local database, or remote one. The recipes.csv data file will be provided in the repo for you to import to the database.

To import the .csv file into local mongoDB database:

  1. Download mongo database tools, with this link MONGO DATABASE TOOLS
  2. Then import csv to database via:
mongoimport -d [Database name] -c [Collections name] --type csv --file [locations of csv file] --headerline

Functionality

This website that provides functionality:

  • A visitor can register to become an user. Once becoming an user, he/she can login or logout, and access the profile (wallet) page, which contains his/her own business card and others' business cards that was created by the user.
  • An user can delete any business card in his wallet, including his/her own card. a user cannot delete other people's reviews.
  • A user can update all information besides the name on the business card in his own wallet. All the business cards that a user has in his/her wallet will show up on the home page if the user is logged in, otherwise default images are displayed.

Deploy Architecture

Our website is host on Heroku. We used AWS as our cloud service provider, and used EC2 instances as our servers for both backend and frontend.

Screenshots

Screen Shot 2022-11-01 at 12 20 41 PM Screen Shot 2022-11-01 at 12 21 21 PM Screen Shot 2022-11-01 at 12 20 55 PM Screen Shot 2022-11-01 at 12 20 50 PM

Video Demonstration

https://www.youtube.com/watch?v=X0w-jLYk8I8

cs5610_project2's People

Contributors

jasonktchen avatar chun-wei-tseng avatar

Watchers

James Cloos 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.