DEV Community

loading...
Cover image for RemoteCareer 🦁 - Job board that helps nature and animals

RemoteCareer 🦁 - Job board that helps nature and animals

gokayokyay profile image Gökay Okyay ・3 min read

RemoteCareer logo
Remote Career
Client repo: Remote-Career-Client
Server repo: Remote-Career-Server

How does it help nature and animals?

Well, since this is the beginning, it doesn't. But the main idea of this app is to donate 90% of every sale to WORLDWIDE animal charities. 10% is for the future DB/server/domain costs.

Story of the app

As a new grad I was looking for remote jobs, came across few job boards then something got my attention. The price to post a job was in three digits! It seemed too high for me then I thought - like every jealous developer - "I can create this web app too.". But it's a side project for me so I want it to be useful for everyone.

I've learned React three years ago, so it was an opportunity to refresh my knowledge and learn new tools (like Next.js). For the backend I went to this repo and picked a Node framework, and it was something called Restana but somehow it lost its rank now. But it's the framework I chose, it's somehow an Express.js alternative.

The Stack

Next, React, Node

credits to: here

Frontend
  • React
  • Next.js
  • Material-ui
  • Redux
  • Zeit's Now for deployment
Backend
  • Restana
  • Redis - for ip blocking
  • Nodemailer with Mailgun
  • MongoDB
  • Mongoose
  • IBM Cloud Storage as file service
  • Pino for logging
  • Heroku for deployment

Process of developing

So I thought there will be three main pages of the app, Home page where posted jobs are shown, Job Page where people can read the description and requirements, and finally Post a Job page where companies can post their job openings.

Then I designed these pages with Figma. I wanted a very simple design, because I'm not a designer.

Homepage

Home page

I wanted a hero component, a navigation bar and job listing section for the home page.

Post a job

Post a job page

For the posting page I wanted it to be reactive, I want the job card to be updated as you change fields.

Job

Job page

This page needed to be simple and template-like.

Other pages

When these pages were finished, I needed some other pages like Editing page, Admin page etc...

But for the MVP I omitted Admin page functionalities.

Thoughts about tools

Next.js

Very useful tool. Improves performance a lot and SSR by default. But in my opinions, ecosystem can be improved. Adding material-ui was a total pain so I started with official example.

Now by Zeit

Another very useful tool by Zeit. It's amazing. Deploys automatically with every commit to master branch. The only con of this tool is DNS settings. It should be able to be configurable within the web app, not only from the cli.

Final words

I want this app to be ours, people who want to help animals/nature. So that I made this app open source available here and here. Feel free to contribute 💚💚.

It would be awesome if hiring companies post their job offer at this website, and it's free until I found someone to be funding manager of the project 😋.

Btw, don't forget to checkout the first job offer here.

Feel free to contact with email: gokayokyay@hotmail.com

Discussion (2)

pic
Editor guide
Collapse
michaeltharrington profile image
Collapse
gokayokyay profile image
Gökay Okyay Author

Thank you! Please share if you got any ideas 😋