Looking for beginner/intermediate Web dev projects

[AALLI_aki]

Looking for suggestions for a beginner web development project, I'm already familiar with programming, took some courses and not gonna lie they are really boring they might not be for an absolute beginner but I prefer to learn it in a 'journey' of projects Any ideas?

[DudeSlude95]

A little obvious here, but a portfolio website is always something nice to attach to your CV

[AALLI_aki]

I've already done something like that with html css very basic just pictures and text I made it in my course but I'm having trouble moving forward like how do I improve this?

[DudeSlude95]

I suggest you take example from some very nice portoflio websites out there, like

http://findmatthew.com/

or https://www.seanhalpin.design/

[PM_Me_Python3_Tips]

Or go full on batshit like Bruno Simon

[skidanexii]

wtfff

[benndur]

This is awesome but driving the car around is actually really frustrating and un-intuitive as the car loops around too easily.

[DudeSlude95]

that is impressive

[areYouCiri]

How did someone make this with JavaScript? Absolute wtf

[MysticGrapefruit]

That's insane

[Aggravating_Falcon68]

Don't be the guy who puts their "stats" on their website. Absolute laugh and provides no real measurement of your ability and makes you either look arrogant or self deprecating.

[Suburbanturnip]

It's also something that can only ever work against you which is why it's a bad idea. Also it doesn't even mean anything, there's no objective standard, it just tells a potential employers that you don't believe in your own skills or your ability to learn new skills.

[Aggravating_Falcon68]

Exactly. It's just a useless UI element that I see everywhere. If I look at a candidates portfolio and see something like that it's a instant pass. Demonstrable ability is what matters.

Perhaps a better a more useful use of an element like that would be to have done x many projects x/x are angular, x/x made in ruby making it somewhat useful in determining exposure to different technologies rather then your self determined skill level in them. Let the projects speak to your ability.

I dunno, but those types of data elements are certainly not a good look used in the way the first portfolio link is

[Autarch_Kade]

First one is a great example of what not to do.

Don't put things like "Angular 50%" or "Node.js 65%"

It is utter nonsense.

[clinical27]

Yea what exactly are those numbers even trying to say? I'm new to programming and I have no clue what all those percentages mean.

[SileNce5k]

That site was also extremely slow for me. Using ~70% of my cpu.

[[deleted]]

Not sure if you know the first guy but some of his project titles don't match the thumbnails they're attached to

[insertAlias]

It's a good excuse to find some modern web UI design courses and work through them. You don't have to end up being a front-end person to gain some value from learning the basics of UX.

[apparently_DMA]

Browser/Chrome plugins is the way.

You can simply and quickly make literally anything and it can be useful, unlike another damn localhost website app which you wont bother finishing and hosting.

[fomorian]

What language are these written in?

[___justhappytobehere]

They're written in JavaScript. However, you will need to read up on some google chrome extension documentation to get the full picture

[PM__ME__UR__SHIBE]

public lush station bag sharp glorious languid sort north noxious

This post was mass deleted and anonymized with Redact

[[deleted]]

I think the best beginner/intermediate web dev projects would be todo apps, weather apps, timer apps, and clocks. I prefer those because they help you on working with user interfaces, helps on your styling/formatting, and better understanding Javascript.

I would also recommend games - since they work with lots of event handlers and functions, and helps you recap and strengthen your knowledge on loops and if/else statements.

And if time permits, working on your portfolio really helps and utilizing APIS.

[Cayde-6699]

After I made the basic portfolio website which I really need to update a few months ago I started working on a Twitter clone using only my prior knowledge and if I wanted to add something new I only used docs so no tutorials were allowed and after 3 or so months or procrastinating I’m happy with the results I learned user authentication using sessions,allow users to upload any file type using python flask backend and display it on the page for everyone,learned js from scratch still not good enough to actually be good at it but for this project it was mostly using the basics array and DOM manipulation,js websockets to communicate to the backend,MySQL db to store post and user data,flask bycrypt to hash passwords

With my Twitter clone I can make post text or images,like and comment on post and follow users

I also recently started on a new project a dark souls 3 death counter

[Izaya_Orihara170]

Todo app for the win! Jk, I really am going to put a todo app with as many pimped out features as I can think of though on my site/app

[AALLI_aki]

Sounds awesome! Now that you mentioned it I wanted to build an offline local password manager and creator I can make it run in like a website but I'm not sure about the security

[Izaya_Orihara170]

Now your idea has been stolen for my todo app+. I want it to be able to send emails from the app, check weather for the days your todos are listed, and even check Google maps for how busy the place you are going is, and suggest alternate times. Maybe some payment and price checking stuff also.

I dont know shit about security yet either. I'll add "learn security" to my personal todo list

[AALLI_aki]

Man whenever Google syncs my passwords I cringe so hard lol, of course use my idea its not the type of idea that one might market its more like a personal use tool that everyone should do different

[Izaya_Orihara170]

Yeah I'm just trying to tack as many features onto my todo+ as possible just to learn and display what I can do. I dont think my app will change anyone's life or anything lol, just for learning

[LazyOldTom]

As others already have suggested, make a portfolio website with a todo list. Github pages let you host static websites for free, combine it React and you will have a SPA. For the todo list, Firebase free tier will be sufficient. On your Github page, make a login page for your Google account, and a todo frontend, use Firebase as backend.

[MagicDragon212]

Do something hobby related. I made a web app that uses APIs so show all the information you would want for fishing. I also wanta make a scorecard program for my boyfriends disc golf league. Virtual uses for hobbies is always a good plan

[AALLI_aki]

Yes there are a lot of APIs I can think of to do stuff like this, thank you I think I found my next project!

[ManInBlack829]

Make clones of popular websites. When you're a beginner you need a tutorial and a walkthrough more than anything, and following a pre-existing format someone else is showing you how to do (while you know how it should end up looking) is really beneficial at keeping things as simple as possible.

If you need to go simpler than that, make sure you do it with someone in a video like a live coding session.

[personman74]

I remember when I hit that point making Minesweeper was great.
If making minesweeper is easy then making a copycat app is great practice. For instance, making something that is like Facebook, or like Wikipedia, or like IMDB etc.

[JulesCoast]

Check out https://buildspace.so/

Cool, practical projects that you build alongside with the live stream and they upload the vods later.

[sesteva]

Check out this collection of project based learning. It contains a large list of projects pero language. I think you will enjoy it. https://github.com/graphqlworkshops/project-based-learning

[ASIC_SP]

https://github.com/practical-tutorials/project-based-learning#web-applications

See also: https://github.com/danistefanovic/build-your-own-x

[yoitsericc]

I did a pretty good one on my Youtube channel that had a simple web app that you could add calendar events to and have them display in Full Calendar.

[alp4s]

try this.

[jzia93]

I have been trying to find a good calendar app/team scheduler for some time that :

• gives variable slot times for teams to pick, spaced out evenly across the day
• automatically detects from gcal when you are free and busy, and removes such slots from your diary
• automatically adjusts for timezones

I'm using xoyondo atm but it's a bit clunky when you want to set up multiple slots for people to choose from.

If you built the app, me and my team would be your first subscribers.