https://github.com/justadevtv/job-listings-page

I made another 1-1 mockup to website for fun again! This time with Nextjs & Styled-Components.
https://github.com/justadevtv/job-listings-page

frontendmentor job-listings job-listings-filter nextjs styled-components

Last synced: 9 days ago
JSON representation

I made another 1-1 mockup to website for fun again! This time with Nextjs & Styled-Components.

• Host: GitHub
• URL: https://github.com/justadevtv/job-listings-page
• Owner: justAdevTV
• License: mit
• Created: 2020-09-06T22:19:40.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2020-09-08T02:24:00.000Z (over 4 years ago)
• Last Synced: 2024-10-27T22:06:40.636Z (about 2 months ago)
• Topics: frontendmentor, job-listings, job-listings-filter, nextjs, styled-components
• Language: JavaScript
• Homepage: https://job-listings-page-six.vercel.app
• Size: 275 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        






  

    

  

  
Job Listings with Filtering


  


    Near Perfect Pixels (1-1) of  w/ Nextjs & Styled-Components.

    


    Check Out My Submission »

    


    


    View Demo

    ·

    Report Bug

    ·

    Request Feature

  


## Table of Contents

- [About the Project](#about-the-project)

  - [Built With](#built-with)

- [Contributing](#contributing)

- [License](#license)

- [Contact](#contact)

- [Acknowledgements](#acknowledgements)

## About The Project





Hey everyone,

This is my second project on Frontendmentor! This is also a live example, you can play an interact with it.

I decided to use Nextjs (SSR React) with Styled-components to attack this problem. I know I didn't have to, but it was fun!

P.S. I'm colorblind, so please let me know if my colors are a bit off.

Thanks, JP

### Built With

- [Nextjs](https://nextjs.org/)

- [Styled-Components](https://styled-components.com/)

- [Vercel](https://vercel.com/)

## Contributing

Contributions are what make the open source community such an amazing place to be learn, inspire, and create. Any contributions you make are **greatly appreciated**.

1. Fork the Project

2. Create your Feature Branch (`git checkout -b feature/AmazingFeature`)

3. Commit your Changes (`git commit -m 'Add some AmazingFeature'`)

4. Push to the Branch (`git push origin feature/AmazingFeature`)

5. Open a Pull Request

## License

Distributed under the MIT License. See `LICENSE` for more information.

## Contact

Justin Punzalan - [@justpunz](https://twitter.com/justpunz) - [email protected]

[LinkedIn](https://www.linkedin.com/in/justin-punz/)

## Acknowledgements

- [Frondend-mentor](https://www.frontendmentor.io/)

[contributors-shield]: https://img.shields.io/github/contributors/othneildrew/Best-README-Template.svg?style=flat-square

[contributors-url]: https://github.com/othneildrew/Best-README-Template/graphs/contributors

[forks-shield]: https://img.shields.io/github/forks/othneildrew/Best-README-Template.svg?style=flat-square

[forks-url]: https://github.com/othneildrew/Best-README-Template/network/members

[stars-shield]: https://img.shields.io/github/stars/othneildrew/Best-README-Template.svg?style=flat-square

[stars-url]: https://github.com/othneildrew/Best-README-Template/stargazers

[issues-shield]: https://img.shields.io/github/issues/othneildrew/Best-README-Template.svg?style=flat-square

[issues-url]: https://github.com/othneildrew/Best-README-Template/issues

[license-shield]: https://img.shields.io/github/license/othneildrew/Best-README-Template.svg?style=flat-square

[license-url]: https://github.com/othneildrew/Best-README-Template/blob/master/LICENSE.txt

[linkedin-shield]: https://img.shields.io/badge/-LinkedIn-black.svg?style=flat-square&logo=linkedin&colorB=555

[linkedin-url]: https://linkedin.com/in/othneildrew

[product-screenshot]: images/screenshot.png