A front-end challenge developed by @TiagoDiass where people can look for technology related Jobs
Final result | Used technologies | Deploy | Features | How to run
- Next.js- Next.js is a framework built on top of React. It was used to build the app in general.
- TypeScript - Typescript is a superset of the common JavaScript. With that, we can type and maintain our code easier.
- Styled Components - Styled components is a CSS-in-JS library. It was used to style the whole app.
I have deployed this application on Vercel. It's configured with a continuous deployment with this Github repository, that is, everytime the codebase from the main branch of this repository gets updated, Vercel will trigger a build of the project and will put it in production.
Click here to check the application running on Vercel
- All the pages were statically generated, which improves the user experience since the page will load and be available to use very quickly.
- All the pages were developed using the Mobile First concept, that is, all pages were firstly developed to the screen sizes of mobile devices, and then had their styles adapted to larger screen sizes. In short, the application is responsive.
- User can see a list of job positions
- User can enter in each job position page to check its details
- User can change the application's theme, choosing between a light or a dark theme
- User can filter jobs
If you want to run the application in your computer, follow these steps; First of all, you'll need to clone the repository and install the dependencies. Assuming you have Yarn installed in your computer, follow the steps bellow:
# Clone the repo
$ git clone https://github.com/TiagoDiass/devjobs.git
# Enter the repo's folder
$ cd devjobs
# Install the dependencies
$ yarn install
# Start the application
$ yarn dev
After following these steps, the terminal will show you in which port it's running, it's on the port 3000 usually, so, you'll just need to enter in your browser and
type localhost:3000, then you'll be able to check the app running. When you want to stop it, go to the terminal that you used to start the app, and type CTRL+C,
this way you'll stop the app
Hope you enjoyed this project 😃
👋 Get in touch!