Integrating Bootstrap admin panel into website, what are my options? - javascript

I've been developing websites for clients for a number of years, mostly static HTML sites, and some clients needed things like ecommerce so I went with WordPress and Drupal. Recently, however, I've decided that I want to be able to give my clients a more professional looking package when it comes to the CMS sites, so I want to step away from things like WordPress.
I've found several very nice Bootstrap Admin Themes that I am going to take inspiration from, and designing the admin panels isn't going to be a problem. What I need to know is, what sort of back end is needed for using a custom admin panel with a website? Can I simply make the panel and program a few CRUD methods into it? Or are there CMS options out there that will allow me to integrate these admin panels into them?
Sorry if this is off topic, but I've googled and searched this page countless times for this answer and can find no good information on it anywhere! There are so many templates I'm assuming someone is using them

I'm not replying with an answer to your specific questions more an alternative.
Have you considered custom Admin panels in wordpress - like these - https://codecanyon.net/search?utf8=%E2%9C%93&term=WordPress+Admin
Just an idea.

You can start with ready to use bootstrap admin templates as you will get many admin templates with backend integration. It will save your time and money too on the development process. With bootstrap admin templates you will get ready-made UI design that you can change as per your requirements. If you want to do any customization on admin templates, then it is easy to do so.
You can also consider this resource with good options for Backend admin panel templates for your website.

Related

I can’t get Contentful connected to my site

So, I've only ever used WordPress, but I decided to build my site from scratch so I'm free to do whatever I want with my site. I'm a new developer and I just heard about Contentful.
I like the sound of it and I want to use it to build my blog, but I've been following their instructions and looking up external tutorials for 8 hours and I can't get it to work.
Contentful recommends using cURL, but I don't understand where to put that code or how to tell my site to generate a new page for every blog post once it's there. I've also tried the JavaScript instructions and that failed. There are like 6 other language options on Contentful, but I'm not familiar with any of them.
Sorry for my ignorance, I'd love any insight (and especially explicit instructions) you can give me on the best way to set up Contentful to semi-automatically push blog posts to my blog page.
Thanks!
With Contentful, you can use any front-end framework of your choice. Contentful will help you with managing your content, and you have the flexibility to select the language and framework you want to use for your front end.
If you want to quickly get started and are already familiar with the React ecosystem, you should check out Next.js or Gatsby quick start guides.

I'm developing an e-commerce site for a client, how do they update items on the shop?

I'm developing an e-commerce site for a client, how do they update items on the shop?
I've created an e-commerce site for my client, however I'm unsure on how clients would be able to add/remove items onto the store, without the help of a developer. Are they supposed to directly edit the database, or am I supposed to create an easy to use intuitive front-end admin panel that will allow them to add/edit/remove products.
Created the e-commerce site using ReactJS, firebase + node for the back-end
I think you have to build a front-end page so that clients can add/remove the products. It's a common functionality in most websites. And the clients don't have much knowledge about the development and they don't know how to change the DB etc.
This is a loaded question, as there are many ways to solve this.
Create a custom admin area so your client can manage products (probably a lot of additional work + authentication)
Give the client access to the database (not recommended, even if they're competent with the technology)
Implement one of the many e-commerce frameworks available that come with all of these problems already solved.
As I said, there are a lot of other solutions to this. I'd almost always go for solution 3 to keep costs and maintenance down.

Make React components available to users as embeddable widgets

On the basketball-reference website, for the majority of the website's tables, there is the option Embed this Table, which allows users to generate a tag that can be included in their own webpages.
.
I am working on a React (MERN stack) application, and I would like to implement this type of functionality. In particular, there are a handful of components (that return tables, graphs and charts) that I would like to make available to users of my website in a similar manner. For another example, opta sports offers a feature for embeddable widgets that is similar to what I am seeking to build with React.
I don't know much about iFrames or about embedding apps into other apps. I'm not sure how to get started on this in React. Any thoughts or suggestions or links to helpful articles or libraries or approaches for this would be really helpful.
Thanks
Also: A similar version of my question was asked previously, however the only submitted answer is not particularly helpful.

Two projects for Admin and User panel VS single app for both with different theme

I have a scenario to implement in React. We have a pre-built admin panel with most of the functionalities like Auth, charts, analytics, user management etc already implemented. Now we are trying to attach it to another site as backend.
But the site is a web chat app with login feature where the user can come and manage his profile + chat history.
Admin panel and User Screen is totally different. both have an entirely different style guide and entirely different themes bought from theme forest.
We want to implement Role Based Auth so admin and user both enter using same login page.
Now I am confused about one thing.
The Admin theme is heavy and full of charts and components
User panel is fairly simple and lightweight.
My colleague wants to modify our already built admin theme, copy paste few components and add new bought theme inside it. but here I am seeing an issue. The project is going to have 2 themes and 2 assets.
I want to keep 2 themes running separately, redirecting to entirely different react app to launch admin or user panel. I want suggestions are this a bad practice or there's a better way to work around this issue
From what you are presenting us here I would go with your solution as well.
Basically speaking you should think about it as a separation of concerns, since both Panels will have different use cases and totally different dependencies.
But let's go through some of the points that make me think it would be best to split it up:
1. Payload for the user
If you inherit the whole Admin Panel and use just parts of it to render a totally different view out of it (by implementing another theme) you will automatically generate more data the user has to load before accessing his profile panel, which (eventually) influences the user experience.
2. Maintainability
By splitting up the different Panels you generate code that is less complicated and as a direct result of it gains a whole lot of maintainability, since bugs can be tracked way easier when you can look up a specific part directly instead of searching for it in a massive code-base.
3. Modularity
When thinking about SPAs modularity is key. This is even more important when you are writing a react application. If I would be in your position I would modularize the whole profile and admin panel so you can easily reuse parts of it. This gives a boost to the maintainability as well, so that is a clear win-win situation.
4. Styling
I don't know which approach you are going, but I would say it is way easier to style components when they don't depend on each other. It is basically as you said: 2 themes mean 2 different style sets, so why should you go and combine these? It only makes it more complicated.
5. Security
When you split up the different panels you can easily separate data and APIs to prevent a data-leak between the two.
Long story short: I would go with your approach by splitting the 2 panels into seperate components (or even react applications).

Simple BPM or Workflow in Javascript

I have a requirement to route between different pages in a mobile app (hybrid) based on the output from one page. The routing should be configurable, able to be updated independently of the App and ideally be able to edited visually.
Server-side this is handled by BPM Solutions (jBPM, IBM BPM, etc), however on the client-side I can't find anything suitable.
What I need is a JSON based set of rules that define which page to route to if a set of conditions are met. For example, if on page1 I have 2 fields: name and age and the User clicks Next then the rules might define that if age >= 21 then route to page2, however if age < 21 route to page3.
Is there any technology out there that currently does this? I've seen that there are Javscript Rules Engines such as Nools, but they aren't BPM-like enough. Please don't suggest writing it myself - that's already being seriously considered.
BPM isn't designed for "page flow". Most do include some sort of page flow technology for their own UIs, but I don't know of any that really promote that as a feature for building UIs in other technologies.
Fundamentally, what you are looking for is an MVC framework. You have your pages (views) and assumably you have your model already, but you are looking for a controller to link them together.
I'm aware of Cordova conceptually, but I don't have any hands-on experience so I don't feel comfortable making a flat out recommendation. I do know that Sencha Touch has some MVC functionality, and that it works fairly well with Cordova/PhoneGap, so that might be a direction for you to start in. Even if that doesn't work out for you, I can see that "Cordova MVC" and "PhoneGap MVC" provide several links and examples that seem very close to your use case.

Categories