https://github.com/andyfrith/portfolio-admin

This frontend application is used for administration of the content presented in the portfolio website for Andy Frith. The application is engineered with Next.js 15, React v19 and TanStack Query v5. The API service, portolio-api (built with the Hono Javascript framework) provides an interface to a PostgreSQL database.
https://github.com/andyfrith/portfolio-admin

nextjs react shadcn-ui tailwindcss tanstack-query

Last synced: about 1 month ago
JSON representation

This frontend application is used for administration of the content presented in the portfolio website for Andy Frith. The application is engineered with Next.js 15, React v19 and TanStack Query v5. The API service, portolio-api (built with the Hono Javascript framework) provides an interface to a PostgreSQL database.

• Host: GitHub
• URL: https://github.com/andyfrith/portfolio-admin
• Owner: andyfrith
• Created: 2024-12-31T19:02:49.000Z (over 1 year ago)
• Default Branch: master
• Last Pushed: 2025-01-03T15:56:40.000Z (over 1 year ago)
• Last Synced: 2025-02-23T10:45:02.144Z (over 1 year ago)
• Topics: nextjs, react, shadcn-ui, tailwindcss, tanstack-query
• Language: TypeScript
• Homepage:
• Size: 625 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          


[![Contributors][contributors-shield]][contributors-url]

[![Forks][forks-shield]][forks-url]

[![Stargazers][stars-shield]][stars-url]

[![Issues][issues-shield]][issues-url]

[![Unlicense License][license-shield]][license-url]

[![LinkedIn][linkedin-shield]][linkedin-url]






  


  
Portfolio Admin


  


    This frontend application is used for administration of the content presented in the portfolio website for Andy Frith.  The application is engineered with Next.js 15, React v19 and TanStack Query v5. The API service, portolio-api (built with the Hono Javascript framework) provides an interface to a PostgreSQL database.  Currently, this demo application is not publicly available.  Future enhancements may inclue security and authorizations features.

    


    Explore the docs »

    


    





  Table of Contents

  


    


      About The Project

      


        
Built With

      

    

    


      Getting Started

      


        
Prerequisites

        
Installation

      

    

    
Usage

    
Roadmap

    
Contributing

    
License

    
Contact

    
Acknowledgments

  


## About The Project

[![Product Name Screen Shot][product-screenshot]](https://github.com/andyfrith/portfolio-admin)

Next.js is "The React Framework for the Web" and perfect for building a UI admin tool. TanStack Query provides the best API (REST) interface client library. Shadcn provides excellent components. TailwindCSS makes styling with CSS a breeze.

(back to top)


### Built With

[![Typescript][Typescript]][Typescript-url]

[![Nextjs][Nextjs]][Nextjs-url]

[![React][React]][React-url]

[![ReactQuery][ReactQuery]][ReactQuery-url]

[![Zod][Zod]][Zod-url]

[![TailwindCSS][TailwindCSS]][TailwindCSS-url]

[![Shadcn][Shadcn]][Shadcn-url]

(back to top)


## Data Model

![Data Model Screen Shot][data-model-screenshot]

## Getting Started

### Prerequisites

This application requires acesss to the portfolio-api service.

### Installation

This application is not publicly available. Currently, it is not meant to be installed and used by anyone other than the author.

(back to top)


## Usage

Currently, this application is not meant to be installed and used by anyone other than the author.

_For more examples, please refer to the imaginary [Documentation](https://example.com)_

(back to top)


## Roadmap

- [] Add security and authorizations features.

- [] Deploy to pulicly available location.

(back to top)


### Top contributors:



  



(back to top)


## License

Distributed under the Unlicense License. See `LICENSE.txt` for more information.

(back to top)


## Contact

Andy Frith - [LinkedIn](https://www.linkedin.com/in/goodapplemedia/) - afrith.denver.usa@gmail.com

Project Link: [https://github.com/andyfrith/portfolio-admin](https://www.linkedin.com/in/goodapplemedia/)

(back to top)


## Acknowledgments

Me.

(back to top)


[contributors-shield]: https://img.shields.io/github/contributors/andyfrith/password-strength-checker.svg?style=for-the-badge

[contributors-url]: https://github.com/andyfrith/password-strength-checker/graphs/contributors

[forks-shield]: https://img.shields.io/github/forks/andyfrith/password-strength-checker.svg?style=for-the-badge

[forks-url]: https://github.com/andyfrith/password-strength-checker/network/members

[stars-shield]: https://img.shields.io/github/stars/andyfrith/password-strength-checker.svg?style=for-the-badge

[stars-url]: https://github.com/andyfrith/password-strength-checker/stargazers

[issues-shield]: https://img.shields.io/github/issues/andyfrith/password-strength-checker.svg?style=for-the-badge

[issues-url]: https://github.com/andyfrith/password-strength-checker/issues

[license-shield]: https://img.shields.io/github/license/andyfrith/password-strength-checker.svg?style=for-the-badge

[license-url]: https://github.com/andyfrith/password-strength-checker/blob/master/LICENSE.txt

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

[linkedin-url]: https://www.linkedin.com/in/goodapplemedia/

[product-screenshot]: /screenshot.png

[data-model-screenshot]: /datamodel-v0.1.png

[Hono]: https://img.shields.io/badge/Hono-E36002?logo=hono&logoColor=fff

[Hono-url]: https://hono.dev/

[Zod]: https://img.shields.io/badge/-Zod-3E67B1?style=flat&logo=zod&logoColor=white

[Zod-url]: https://zod.dev/

[Drizzle]: https://img.shields.io/badge/Drizzle-C5F74F?logo=drizzle&logoColor=000&style=flat

[Drizzle-url]: https://orm.drizzle.team/

[PostgreSQL]: https://img.shields.io/badge/PostgreSQL-4169E1?logo=postgresql&logoColor=fff&style=flat

[PostgreSQL-url]: https://www.postgresql.org/

[Typescript]: https://shields.io/badge/TypeScript-3178C6?logo=TypeScript&logoColor=FFF&style=flat-square

[Typescript-url]: https://www.typescriptlang.org/

[Nextjs]: https://img.shields.io/badge/next.js-000000?style=for-the-badge&logo=nextdotjs&logoColor=white

[Nextjs-url]: https://nextjs.org/

[React]: https://img.shields.io/badge/-ReactJs-61DAFB?logo=react&logoColor=white&style=for-the-badge

[React-url]: https://react.dev/

[ReactQuery]: https://img.shields.io/badge/-React%20Query-FF4154?style=plastic&logo=react%20query&logoColor=white

[ReactQuery-url]: https://tanstack.com/query/latest

[TailwindCSS]: https://img.shields.io/badge/tailwindcss-0F172A?&logo=tailwindcss

[TailwindCSS-url]: https://tailwindcss.com/

[Shadcn]: https://img.shields.io/badge/shadcn%2Fui-000?logo=shadcnui&logoColor=fff&style=for-the-badge

[Shadcn-url]: https://ui.shadcn.com/