DevLab is a crowd-sourced platform for learning how to code. As developers, we are often bombarded with an overwhelming flood of resources. DevLab seeks to wade through the flood by providing a robust, user-driven tool to pool the best resources!
- This is a Full-Stack Application powered by Javascript, jQuery, SQL, and node.js. It follows a MVC framework with a RESTful architecture
Developers and engineers are constantly seeking and self-learning new technologies. DevLab seeks to provide them the best peer-reviewed content by enabling them to upload, rate, and save the most helpful and effective material.
Follow the deployed project link below to utilize the application.
The page can be run from any browser, preferably on Google Chrome!
- HTML5
- CSS3 - Grid and FlexBox
- Javascript - the primary scripting logic enabling our application
- jQuery - the robust scripting library for Javascript
- UIkit - the open-source web styling framework used for structural design, animation, and filter-sorting
- Bideo.js - responsive video implementation
- Moment.js - datetime manipulation
- Paint 3D - icon and image editing
- Express.js - backend server routing framework
- MySQL2 - server-side relational database usage
- Sequelize.js - object-relational mapping (ORM) for SQL
- Passport.js - local-strategy login authentication
- Bcrypt - two-sided hash encrypting
- Body Parser, Path - middleware technology for JSON and expediting filepaths
We initially designed a rough wireframe outlining the core functionality of the application. The user would be able to log-in and parse through a variety of useful material and save the most relevant.
Design Stage One
The application shifted through a rigorous design shift in which a splash page was rendered to comfortably welcome the user to the website.
Splash Page - Design Stage Two and Three
The main content section additionally went through a design overhaul, and a cleaner, dynamic concept page was created.
Main Content - Design Stage Two and Three
Sorting through user-saved results was a relatively challenging feature to introduce to the application. Initially, we deeply considered an entirely back-end approach where we would run unique SQL queries to order the list items by specific parameters, but that would require a new query each time we required a sorting - breaking the RESTful paradigm to which we were ascribing. Instead, we adopted UIKit's unique filter method and applied a uk-filter to the User Library to target
Here is a brief demonstration of the filter-sorting in action:
| Task | Lead |
|---|---|
| Design, Research, Logic and Execution | Andrew, Brian, Sajeel, Laura |
| SQL and Sequelize Team | Laura, Brian |
| Authentication and Passport Execution | Andrew |
| Graphics/Front End Direction | Sajeel |
| Client-side Javascript and jQuery | Brian, Sajeel |
| Routing and Model Construction | Laura, Andrew, Brian |
This project is licensed under the MIT License - see the LICENSE.md file for details