How to make a website like lockerz?

AA

I want to make a website similar to this one:


Where should I start from? In it you are to watch daily questions and watch videos to earn points then use those points to win prizes. Points are call PTZ.

With best regards

You should probably start with a piece of paper and a pencil, and do some serious planning before you get to the stage of actually building the website. Make a list of everything you want the site to do and how the different parts are related to each other. Who will be using the website? What are they going to be able to do on the site? How exactly will the points system work? etc.

Only after you have a very clear,specific plan should you even start thinking about building the website itself.

2 Likes

I simply meant that what should I start learning in order to build a website that looks something like this if not exact, HTML CSS and Javascript will do or will I have to learn something else as well.

I suggest starting with HTML, then CSS, then JavaScript.

These are what the browsers will need to display a page. (Well, technically they don’t need JavaScript, or even CSS for that matter, but most would consider an HTML-only page a bit “bland”)

The good news is that you can start right away with very few tools. A plain text editor and a browser on your computer is enough to get started.

For example, in your text editor type

<html> 
<head> 
<title>Hello HTML</title> 
</head> 
<body> 
<h1>The journey has begun</h1>
</body> 
</html> 

And save the file as my-first.html
Then either click on it if your computer is setup to open “.html” files with a default browser or open a browser and open the file from the menu.

The not so good news?
To put together a more complex site you will need a server-side language and most likely a database.
I think the most common are PHP and MySQL, but there are others.

2 Likes

Is there any way I can get lockerz clone? The site is offline but is there a way?

Not without a LOT of work. :smiley:

You’d first need to decide what framework and programming language you’d like to use.
For ruby I use Ramaze, and Laravel seems good for php. I haven’t yet decided my favourite php framework.

Also do you want to the new Lockerz or the old Lockerz? Lockerz changed its design and pivoted, so it’s not the same website it was when they redesigned it.

Hey thank for the reply.
I want to learn the designing for both lockerz.

Here’s the old Lockerz.


It’s a really simple website to make apart from the video player.

Its nice to hear that its simple. Can you please also explain how to build it?

What HTML, CSS, JS and PHP skills do you have?

Well most of what you do when building a website is CRUD.

  • Create
  • Read
  • Update
  • Delete

Think like Twitter, creating tweets, reading tweets, updating your profile, and deleting tweets.

You can do this in one or two lines of code. Creating an account, creating PTZ, reading surveys, updating the points balance.

I run a Get Paid To website. It’s a Lockerz alternative.

Well what is that website?
And which skills are required to build a website like that?

Almost none.

Well then, you have quite a task ahead. All websites require HTML and CSS, and any sizable site will require server-side programming such as PHP, ASP(X) etc.

1 Like

Well, you will need HTML and CSS as an absolute minimum to build just static pages which look like the site you have in mind. If simply designing that kind of layout is all you want, then those two might be enough.

If you want to make it function in a similar way, you would need something like PHP and possibly also JavaScript.

So your first task would be to learn HTML and CSS.

<snip> is my Get Paid To website, Lockerz alternative. I forgot to add a link in my post. I’ve added it in now.

Skills needed to make my website are HTML, CSS, JQuery and PHP.

The link was removed as being unnecessary.

2 Likes

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.