DevSlide💻

A platform for connecting developers and designers

Authors

• @Abdul-Wahab - Developer
• @Jonathan Kuug - Developer
• @Simon Boateng - Designer

Tech Stack

Client: React, Styled-components

Server: Node.js, Express, Passport.js, HarperDB

Demo

Youtube Demo: https://youtu.be/WMnmgLnRy70

Figma design Files

Click here for the figma files

Features 🌟

• Easily login with email or using Google/Github Account🚀
• Easily find candidate using the Tinder-like swipe feature 🔍
• Save potential candidates profiles and chat with them in real-time using the chat feature 💬
• Browse developers projects and contributions on Github 🕵
• Realtime notifications systems to notify developers when recruiters reach out to them 🔔

Project Layout

Frontend

• components
• pages
• styles
• assets
• utils

Backend

• routes
• controllers
• utils
• models
• middlewares
• config

Disclaimer: ENV variables

• You need to create a HarperDB Cloud account for database manipulation
• Create a .env file to store all your env secrets

Getting Started

Installation

Clone the repo

https://github.com/Nginze/DevSlide.git

Go into project directory

cd DevSlide

Install packages and dependencies

// Do this in the root folder

npm install

Running the application

Frontend

cd frontend
npm install
npm start

Starting the Backend server

cd backend
npm install
node index

Starting the chat server

cd chatserver
node index

View app on localhost://3000

Screenshots

Recruiters view (Swipe)

Profile Screen

Chat Screen

Matched candidates Screen

© Copyright

Made with ❤️ by © By Hack-Zero Team