Giter Club home page Giter Club logo

only-devs's Introduction

OnlyDevs Banner



OnlyDevs Banner
It doesn't matter if you are trying to break into the tech industry or a seasoned engineered- anybody who is trying to get a new job will need to freshen up on their interview skills. OnlyDevs provides a way for developers to challenge their knowledge, while also being able to study with the contributions of others.

Get your head out of the gutter! This is an app made by devs for devs, and there's nothing crazy about that! Zero affiliations or correlation with any other sites, even those with similar names.

View the deployed app!

Features

  • Ability to view 50+ web development interview question cards and view a detailed page with answers forum
  • Complete backend that is connected through the only-devs-api
  • Ability to share answers to questions with the world
  • Live search bar to search question by keyword
  • Ability to rate an answer and see the current rating
  • Random interview question which may be answered or shuffled
  • Completely dynamic and fluid media queries

Installation & Start

Clone the project and install dependencies

git clone [email protected]:andrewvallejo/only-devs.git
cd only-devs
npm install 
npm start

Preview

homepage


Future Additions

  • User login feature
  • User profile that contains their answers and ratings
  • Add a set of backend interview questions and backend/frontend modes
  • Allow users to add questions
  • Sort answers by rating, date added, and authors
  • Ability to favorite questions and answers

Tech Stack

React Badge JavaScript Badge CSS3 Badge Sass Badge Express Badge Cypress Badge Heroku Badge PostgreSQL Badge

Our Stories

Rachael Carroll: GHRachael's github stats & Linkedin


Learning goals: My biggest learning goal was to be able to successfully build a backend while also gaining more experience with React. I also wanted to learn Hooks in React and become more comfortable with Cypress testing.

Challenges: This project was the first project that we've implemented a new 'stretch' technology, outside of the Turing frontend curriculum. I had always been intimidated by the backend, as my true love and passion lies in UI and front end Javascript. So it was a mental challenge to step outside my comfort zone into the land of the backend. There was definitely a learning curve with a new language (SQL) in order to build the database on PostgreSQL and deploy the backend to Heroku. Overall, I'm so glad I ventured into this side of development and I'm proud of this app!


Shayans's github stats Shayan Golafshani: Github & Linkedin

Learning goals. Heroku, Express, and Cypress

Challenges: We faced a few challenges in this project. One of the largest was the learning curve with building a PostgreSQL database and deploying the backend to Heroku. It was also very difficult to understand how to configure pool, which was an external library to speak between the Postgres database and the express api we custom built. Configuration can be a nightmare, but it can also be a dream when you learn to ask for support from your teammates, cohortmates, and online developer community. I'm truly blessed to have learned this process of co-teaching and co-learning with my teammates to implement a new technology and app that can be used for studying by our cohortmates!


Andrew Vallejo: GithubAndrews's github stats & Linkedin

Learning goals: My major goals were to be able to make a fullstack website by also learning backend with PostgreSQL and connecting the API made with Express to Heroku.

Challenges: The backend already seemed daunting as I imagine in my head it being the parallel and opposite universe to front end. Although after learning the syntax and receiving help from backend developers, I manage to create some tables. The hard part was trying to understand SQL, it's logic, and learning a new CLI. Like the others, Hiroku proved to be the most challenging aspect as it felt completely unknown at the time how connect all of the pieces . Although, like Thomas Edison, I know of a thousand ways how to not deploy a Heroku backend.


only-devs's People

Contributors

andrewvallejo avatar rachaelcarroll avatar shayan-golafshani avatar

Stargazers

 avatar  avatar  avatar

Watchers

 avatar  avatar

only-devs's Issues

[TypeScript] Checklist

The objective is to integrate TypeScript

Checklist

  • Main Concern
  • What it needs to do
  • What else it needs to do, etc..

Further comments

Share Research

We should share our findings and discuss..

Checklist

  • Make another ticket with big picture steps for backend
  • Refactor milestone dates
  • Assess possible hiccups

As a user, I can visit the app see a onlyDevs homepage

Acceptance criteria

Scenario: A user visits onlyDevs

  • When I visit onlyDevs.com
    • I should see a header with two buttons that say "onlyDevs" and "View All Questions"
    • Then I should see a centerpiece on the main dashboard with a..
      • Icon with arrows that are used to demonstrate "shuffle"
      • A container with an interview question presented
      • A form to write in with a placeholder that says "Answer here.."
      • And a button on the button right to submit form

[CSS] Disable Hover

Shayan's PR #30 noticed that with the :disable element comes on right as soon as you hit submit

Checklist

  • Do what we always do - Find a solution for this problem ๐Ÿค 

Initial Setup

Checklist

Research

  • Shayan researched postgreSQL
  • Andrew researched postgreSQL
  • Rachael researched postgreSQL
  • #3

Frontend

  • Initialize React Repo and setup
  • Format App.js and create "idea box" skeleton
  • #4
  • Very Basic CSS

Backend

  • Create repo for Express server
  • Initialize Express server
  • Install dependencies (Babel, CORS)
  • Create skeleton for server.js file

Testing

  • Install Cypress
  • Create test to reflect changes on the DOM

Further comments

Upon finishing research goals, we should begin writing issues and tasks for the frontend and backend milestones

Create components from wireframe

Create components that reflects Rachael's wireframe

Checklist

  • Header Component
    • [OnlyDevs] [View All Questions] buttons
    • Dashboard component
      • Note Component
      • [Shuffle Icon] Button
      • Random Question component
      • Input form component
      • [Submit] button

Further comments

This is only the first two wireframes under launch dashboard

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.