Code Monkey home page Code Monkey logo

optask's Introduction

OpTask

OpTask Logo

By Nabil Arbouz and Anna Daccache

Web application for project 3 in CS5610 Web Development. The goal was to build a web application that demonstrated our ability to incorporate MongoDB, Express, React, and Node.js. We built a project management site where users can create new projects, add tasks, and update their progress as they work. You can find our site here. A video demo can be found here. A design and accessibility video demo can be found here.

Screenshots

Landing Page

Dashboard

Profile Page

Sign Up Page

Login Page

How to Start

Download or clone this repository. Then in both the OpTask folder and frontend folder use:

npm install

in order to download the dev tools and packages used in this application. We used Prettier to format this code and the project was linted with ESLint. In order to get the MongoDB working, create a ".env" file in your project folder. Create variables in the .env file called MONGO_URL and SESSION_SECRET and set it equal to your Mongo connection string and secret phrase respectively. To run this program open up terminal to the main folder and another terminal window then cd frontend. In main use:

npm test

In frontend use:

npm start

Folders

  • auth: contaiins Passport.js set up/config files
  • db: contains a js file that connects the functionality established in the routes to respective collections in MongoDB
  • frontend: contains all frontend material
    • public: houses index.js
    • src: contains javascripts and corresponding stylesheets used to build the site pages (organized by page/component)
  • routes: contains the js files that run the express routing

Licensing

You can check out the full license here

This project is licensed under the terms of the MIT license.

optask's People

Contributors

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