devlr | show your skills, share your life

Create a customized profile to display your development background, pinned projects and status updates to share with other developers worldwide.

📍 Visit devlr on Heroku 📍

Table of Contents

• Description
• Repo and Heroku App Links
• User Story
• Acceptance Criteria
• Development
• Usage
• DEMO VIDEO
• Screenshots
• Functionality
• devlr Team

Program Description

Create a customized profile to display your development background, pinned projects and status updates to share with other developers worldwide.

Repo and Heroku App Links

• Link to GitHub Repo - https://github.com/liztownd/devlr
• Link to Heroku App - http://devlr.herokuapp.com
• Link to live App (COMING SOON) - http://devlrapp.com

User Story

AS an authenticated user...
I WANT to use an app to display my web development portfolio as a social media profile
SO THAT I can network with other developers

Acceptance Criteria

As an authenticated user...
WHEN I log into the app
    THEN I can sign up my initial account
WHEN I click to Edit Profile
    THEN I open a modal for data entry
    THEN I can enter my GitHub username
WHEN I connect to a GitHub-authenticated account
    THEN I can pull my GitHub profile information to fill my profile components
WHEN I submit changes to my profile
    THEN I can see those changes posted to my page
WHEN I click the Appearance button
    THEN I can change the color of my dashboard theme
WHEN I type a Wall status
    THEN I can see it posted to the top of my feed
WHEN I click the New button
    THEN a modal opens with a larger post box to submit a status post
WHEN I click Account on the side menu
    THEN a modal opens where I can delete my devlr account
WHEN I click on Logout
    THEN I follow the /logout route and am sent to the root page

Development

Wireframe

Usage

To begin using devlr, sign up for an account.

• Go to http://devlr.herokuapp.com/
• Create an account on the "Signup" screen
• Create a Profile
• Have fun!

DEMO VIDEO

• Link to demo - https://drive.google.com/file/d/1gXhaNTOKmYi6MdRocPuC5cnHpRPc00q5/view?usp=sharing

Screenshots

Functionality

The following technologies were used:

Node.js
Express
Express-handlebars
Express-session
Passport-local
Passort Middleware Authentication
Bcrypt(password hashing)
dotenv
Sequelize
MySQL
JAWSDB
HTML
CSS
JavaScript
JQuery
Axios
Heroku
GoDaddy

devlr Team

Please contact the devlr team with questions: [email protected]

• 🔗 Liz Townsend | GitHub: liztownd
• 🔗 Kat Buchanan | GitHub: katsign
• 🔗 Vinitha Kumar | GitHub: selvivini
• 🔗 Brandy Quinlan | GitHub: brandyquinlan

---

This project is MIT licensed. © 2021