Skip to content

Full-stack CMS digital product marketplace where you can buy/sell any digital assets such as UI Kits, E-books, etc.

License

Notifications You must be signed in to change notification settings

jayden-n/digital-giraffe

Repository files navigation

Digital Giraffe

Note

Digital Giraffe is a full-stack Content Management System (CMS) digital product marketplace where you can buy/sell/download any digital assets such as UI Kits, E-books, etc.

Homepage

📷 Screenshots

Homepage

Thank you

Product detail

Screenshot 2024-05-16 at 8 05 16 PM

Check out cart

Check out Stripe

Register

Login

Confirm email


💎 GIFs features

Testimonials slider

Product image slider

Lazy loading product image

Product detail slider

Lazy loading product detail

Shopping cart

Checkout button


🚀 Getting started

To get started with this open-source project, run:

  git clone https://github.com/jayden-n/digital-giraffe.git

and copy the .env.just.example variables into a separate .env file, fill them out & and that's all you need to get started!


⚙️ Built with a bunch of things, but to name a few:

Frontend

  • Next.js v14 – React framework for building performant apps with the best developer experience.
  • Zustand – A small, fast and scalable bear bones state-management solution.
  • Tailwind – Utility-first CSS framework for rapid UI development.
  • Shadcn UI - A component library built on top of Tailwind + Radix.
  • Lucide – Beautifully simple, pixel-perfect icons.
  • Framer Motion – Animations that work like magic!

Backend

  • Payload – An highly customizable, headless Content Management System (CMS) for Next.js.
  • Stripe – Payment processing for Internet businesses.
  • tRPC - Makes the APIs End-to-end type-safe and boost the development speed and experience.
  • Resend – A confirmation email sending platform for whenever user creates a new account.

Platform + Database

  • Render - A unified platform to build and run all your apps and websites with free SSL, a global CDN, private networks and auto deploys from Git.
  • MongoDB – Non-relational database for modern apps.

Code Quality

  • TypeScript – Static type checker for end-to-end type-safety.
  • Prettier – Opinionated code formatter for consistent code style.
  • ESLint – Pluggable linter for Next.js & TypeScript.

🙌 Contributing

If you're interested in improving Digital Giraffe, here's how you can get involved:

Getting Started

  1. Fork the repository to your own GitHub account.

  2. Clone the forked repository to your local machine:

    git clone https://github.com/jayden-n/digital-giraffe.git
  3. Create a new branch for your contributions:

    git checkout -b feature/your-feature-name

Making Changes

  1. Implement your changes and improvements on the new branch.

  2. Test your changes thoroughly to ensure they work as expected.

  3. Commit your changes with meaningful commit messages:

    git commit -m "Add your detailed commit message here"

Pushing Changes

Once you're satisfied with your changes, push your branch to your forked repository:

git push origin feature/your-feature-name

Opening a Pull Request

  1. Visit your forked repository on GitHub.

  2. Create a Pull Request (PR) from your feature branch to the original repository's main branch.

  3. Provide a detailed description of your changes in the PR.

  4. Your PR will be reviewed, and any necessary feedback will be provided.

Thank You!

Thank you for contributing to Digital Giraffe. Pull requests are welcomed and highly appreciated.

If you have any questions or need assistance, feel free to open an issue and start a discussion.

Happy Coding! 🚀

About

Full-stack CMS digital product marketplace where you can buy/sell any digital assets such as UI Kits, E-books, etc.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published