Skip to content

ariana124/kanvas

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

305 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Kanvas

A professional networking and job search site for both Software Engineer students and entry level developers. Users of Kanvas can create profiles and make connections to each other. It's an online social network designed for Software Engineers. Users can find available jobs in the area. Users can post/share tips on technical interviews. Users can create study groups. We want users to empower themselves and to build a strong community--not just a network. The important values that we want for our users to practice are: kindness, collaboration, and “giving back.”

Table of Contents

Inspiration

We wanted to reframe the idea that creating and building a career is more than just climbing a ladder. Also, the methaphor only outlines one way of success. Each person has a story to share with the world. Conforming individuals to one path does not influence their best potential, it only restricts them. We wanted to reframe the idea of picturing your career as a work of art. We want our users to think of their career has a blank canvas. Each move, color, and mark are all made incrementally to create a beautiful masterpiece. With this in mind, a person can see and appreciate the big picture. You can step back and see that your career was not a stepping stones to the top--it's more than a title. Having a fulfilling career is a comprehensive view of all the things that makes us happy. It's purpose, passion, giving back, and making the world better than you left it.

Screenshots

Landing Page

Homepage

Web Architecture

Libraries and Tools

Setup and Build

Frontend Setup

To test this build in your local machine you could go to the root folder of the repository to download modules and run the command:
npm install

To run it run the frontend for development, run the command:
npm start

Backend Setup

To download the modules needed for the app, change the directory to nodeapi and run the command:
npm install To run the backend (RESTful API) run the command:
npm run dev

Code Snippets

Frontend

App.js

This is the driver for the routes of the frontend.

Sass file structure

This is how the SASS file structure looks like and its being run by one file. It's the app.scss.

app.scss

The main file for using SASS.

Backend

api/app.js

This file is the main driver for handling requests/responses on the backend.

api/routes/jobs.js

This is the file where it will communicate with the controllers directory according to the file that was imported.

api/controllers/jobs.js

This is the file where we communicate with the GitHub Jobs API and receive job information.

Features

Landing Page and Deployed Application

  • Landing Page made through Wix

  • Kanvas made by Ariana, Kevin, and Erika using the MERN Stack (MongoDB, Express, React, and Node)

Timeline and Resources

  • Ryan Dhungel, Udemy MERN stack course

  • Icons by Icons8

Blog Posts

  • To read more about Frontend development, read Ariana's post

  • To read more about Backend development, read Kevin's post

  • To read more about Project Management and Deployment, read Erika's post

Authors

  • UI/UX and Frontend Developer: Ariana

  • Fullstack Developer: Kevin

  • Project Manager and Fullstack Developer: Erika

About

A professional social network and job search site for Software Engineer students and entry level developers.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors