RemoteCareer 🦁 - Job board that helps nature and animals

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

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

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

Post a job

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

Job

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