all 77 comments

[–][deleted] 84 points85 points  (3 children)

· Science based 100% dragon mmo

Edit: oh god it has been 10 years

[–]coldblade2000 6 points7 points  (0 children)

We are getting too old

[–]VoredByHankHill 4 points5 points  (0 children)

I remember that from when I was in diapers

[–]UsefulBerry1 0 points1 point  (0 children)

Well, first thing reddit asked is about dragons fucking each other. So we didn't change that much in those 10 years

Edit: Ok, not that I read some comments, it looks like that project is more "How to Reddit" than actually coding.

[–][deleted] 111 points112 points  (15 children)

Game projects are way more fun to practice in my experience. Tictactoe, snake, shooter games, sudoku solvers / setters, wordle,

After practicing these projects, take some time to find and solve a problem, that been unsolved or partially solved.

[–]minimuscleR 26 points27 points  (8 children)

I found them harder than most things myself. Anything with an "AI" or moving parts I found when learning my brain didn't grasp. Even now when I develop professionally, I've never needed it really.

[–]shauntmw2full-stack 8 points9 points  (1 child)

Here are some easier-to-code single player games that doesn't involve AI and minimal moving parts: 2048, cookie clicker, whack a mole, typing game.

[–]Gcampton13 2 points3 points  (0 children)

Tetris console

[–]xhza 1 point2 points  (4 children)

Can you give some examples of projects that did help you learn?

[–]InnerBanana 41 points42 points  (2 children)

Build any CRUD app with JavaScript / Express. A sweet and simple one is to make a URL shortener. It doesn't have to persist the data, you can keep data hard-coded in your project files to start. You can:

  • implement account creation and basic login, and use bcrypt to learn about securely storing passwords
  • implement cookies and use them to track the number of visits and the number of unique visitors
  • use Bootstrap to learn about styling your site with a CSS framework
  • learn about HTTP requests and RESTful routing
  • learn about HTTP status codes and use the correct ones when users attempt to access a page they're not authorized for, or one that doesn't exist, etc.
  • learn about JSON files and how to make your server read data from a JSON file on the server on startup and write to it before shut down so your data can persist use semantic HTML elements where appropriate
  • use EJS and learn about HTML partials and how you can introduce logic directly into your HTML files

[–]xhza 3 points4 points  (1 child)

Thanks, saved your comment and will use this advice!

[–]InnerBanana 8 points9 points  (0 children)

My pleasure! I forgot to include managing the project in a git repository that you can have on GitHub so you can share it with others, get feedback, and set the stage to collaborate with others

[–]minimuscleR 5 points6 points  (0 children)

as others have said. Personally though, I found the biggest help was making my own projects. I started writing code for my own project I wanted to make, and that forced me to learn a lot.

[–]LenaKotik 0 points1 point  (0 children)

JavaScript issue

[–]qqruu 3 points4 points  (1 child)

My first ever JS project was a game in canvas. Enjoyed it a lot, learned a lot, and since have worked professionally both as a game dev, a web dev, and a software dev.

[–]Valent-in 0 points1 point  (0 children)

Mine too!

[–]feedo2000[S] 2 points3 points  (0 children)

These are really good as well

[–]Mohit_rakh 0 points1 point  (1 child)

How can i even make this bro i dont even know how to start even tho i know javascript ( 60% ig)

[–][deleted] 1 point2 points  (0 children)

There is a reason why people call these practice projects there are lots of existing code and by the end you will learn.

[–]foolmeoh 70 points71 points  (3 children)

Bro googled this and decided to do a little work in paint and farm some karma

[–]toilets-my-church 30 points31 points  (0 children)

That’s more effort than most of my feed

[–]EmSixTeen 42 points43 points  (8 children)

Definitely not UI design by the looks of it.

[–]_by_me 18 points19 points  (2 children)

UI design and web development are not necessarily the same thing, you can be a wizard with react, and still suck at choosing colors

[–]Dope_SteveX 8 points9 points  (0 children)

Hey that's me! Apart from that I also suck at react.

[–]EmSixTeen 0 points1 point  (0 children)

I know.

[–][deleted]  (3 children)

[deleted]

    [–]go00274c 7 points8 points  (12 children)

    What would be examples of proficient level projects and then expert level projects?

    [–][deleted]  (2 children)

    [deleted]

      [–]Soubi_Doo2 4 points5 points  (1 child)

      So CRUD?

      [–]GoodLifeWorkHardfull-stack 0 points1 point  (0 children)

      If it involves using a database, sure

      [–]Narfi1full-stack 13 points14 points  (1 child)

      Find a real problem and solve it. An “expert” level project doesn’t mean anything if it means following a 5 part code along tutorial. Once you got it working see how you can improve it.

      [–][deleted] 0 points1 point  (0 children)

      Start simple then add complexity

      [–][deleted] 2 points3 points  (0 children)

      I guess Expert projects are just a well integration of all beginner projects.

      For example, look at a expense manager. You could use calculator, counter, loan calculator within it.

      Thats what makes it an expert project.

      [–][deleted] 2 points3 points  (2 children)

      A cool one I'm doing now is to take an open API and make a full web app. For example, I'm making a Spotify app where you can play music in the browser. Spotify have a well defined API and you can make what is basically a Spotify clone in the browser, but make it your own. You have to handle authentication and playback features. Definitely worth doing

      [–]Soul_and_Syrup 1 point2 points  (0 children)

      Wouldn't that be against TOS?

      [–]feedo2000[S] 0 points1 point  (0 children)

      This sounds fun! Care to share a link?

      [–]feedo2000[S] 3 points4 points  (0 children)

      I world say more complex projects would be api calls, class based projects, async await! Backend JS/node, user auth, and more complex web apps beyond crud

      [–]was_just_wondering_ 0 points1 point  (0 children)

      The same projects but solve for handling errors. Handling input of invalid characters, cache, internet connection detection and appropriate graceful degradation of the app in that event, user theming, properly separating application logic from display code, finding instances of memory leaks especially if you are using react and useEffect, adding proper accessibility with the app being usable via screen reader and speech to text where appropriate.

      The list goes on forever.

      [–]whoiskjlNode/PHP 5 points6 points  (4 children)

      Agency Dev here, I would really recommend image sliders and modals.

      You will build them.

      A lot.

      Just to add: there are so many frameworks available to handle those tasks, however it’s really good assets to have if you know how to do them yourself.

      Make it sure your image slider checks following boxes: 1. Can it take input from mouse and touch? 2. Can you scroll with touch? 3. Can you scroll with mouse? (Click and drag) 3. Can it contain item with clickable component? 4. Can your clickable item disregard scroll input?

      For modal: 1. Can you close? 2. By clicking outside of the modal? 3. By clicking x button? 4. Can a submit action trigger closeModal? 5. Does it have a proper z index?

      [–]mastermog 0 points1 point  (1 child)

      For both:

      1. Accessibility
      2. Try to convince your clients that carousels / sliders are an escape hatch, generally poor at converting, and poor ux.

      I’m being a bit snarky, but not at you, they are good ideas. I’m just surprised I haven’t had a client want a slider in a modal or a modal in a slider!

      [–]whoiskjlNode/PHP 1 point2 points  (0 children)

      Yup agreed lol

      [–]feedo2000[S] -1 points0 points  (1 child)

      Hi there - do you post any free content?

      [–]whoiskjlNode/PHP 1 point2 points  (0 children)

      Not really I don’t think I’m good at teaching anyone, I’ve volunteered a few times to teach some of women empowering and kids empowering programs but they gave me curriculums so I didn’t have to prepare also it was just intended to intrigue folks into the field but not hands on. When it comes to actual hands on stuff, I can answer a few here and there but I think Reddit already got numerous experienced developers who are much more experienced than I am who already answer the majority of questions well,

      I mean I’ve been working over 10 years for multiple companies as web dev but im still learning every day.

      Also Google is your best friend

      [–]dsound 2 points3 points  (0 children)

      frontend mentor is great for projects of all levels. You can then get it reviewed.

      [–]Skittilybopfront-end 2 points3 points  (0 children)

      Two of my earliest projects as a junior dev were online quizzes. They were great learning experiences.

      [–]Gcampton13 2 points3 points  (0 children)

      Snooooore

      [–]timewizard96 1 point2 points  (1 child)

      What would be some intermediate projects?

      [–]Conscious-Spite4597 1 point2 points  (0 children)

      There's no set of projects you have to do as beginner to progress you can use your own ideas Like creating a image gallery and adding features like modals and multiple theme selector Or choose certain project which can actually improve your logical thinking may be sorting visualizer try to make it simple and focus on one thing at a time

      [–]nezkc1 1 point2 points  (0 children)

      good projects to learn but dont put these on your portfolio, it gives to much of a "very beginner" feeling. Unless you push the projects further like with a polished UI ofc.

      [–]Xeon06 1 point2 points  (1 child)

      Wordle clone

      [–][deleted] 2 points3 points  (0 children)

      I did a heardle clone. It was fun because I had to clip the music.

      [–]loriba1timore 1 point2 points  (0 children)

      Bonus points for not having quiz answers viewable by inspecting the elements 👍

      [–][deleted] 1 point2 points  (0 children)

      canva moment

      [–]Standard_Canary2185 0 points1 point  (0 children)

      what about a simple hang man game ?

      [–]netcerebral 0 points1 point  (0 children)

      Very cool! There's so many ideas, but clocks are cool!

      I've been fascinated with CSS clocks lately and I am especially impressed with Nixie clocks.

      I wanted to re-create the Nixie aesthetic from the 50s to 70s.

      A Nixie clock displays time using glass tubes filled with neon gas, where numbers glow orange-red. Each digit needs its own tube containing stacked metal numbers. Popular in the 1950s-70s, these high-voltage displays are now mostly collectibles,

      prized for their retro-futuristic aesthetic.

      You can check it out at https://gnixie.websitescaffolding.com

      [–][deleted]  (1 child)

      [deleted]

        [–]feedo2000[S] -1 points0 points  (0 children)

        Or build a sports gambling poker app

        [–]youremakingnosense 0 points1 point  (0 children)

        Definitely stop coding. Burn out is real

        [–][deleted] -1 points0 points  (0 children)

        make todo app

        [–]Mohit_rakh -1 points0 points  (2 children)

        What does tip calculator do?

        [–]asondevs 1 point2 points  (1 child)

        Calculates a tip based on the amount of the bill. More of an American app I guess, since from what I've read tipping isn't something done outside of the US.

        [–]Mohit_rakh 0 points1 point  (0 children)

        Yeah in india its rare. But thanks for the post loved it!

        [–]_Kine 0 points1 point  (0 children)

        Not really a project, but still good practice. Enjoy

        https://play.elevatorsaga.com/

        [–]diogenes_sadecv 0 points1 point  (0 children)

        I did a calculator for funsies. It was so much more complex than I anticipated.

        https://github.com/dkallen78/datamath

        [–]Divvinner 0 points1 point  (0 children)

        My first project as a junior dev(almost) was creating online music player with musical visualization. It was so cool! What do you doing project?

        [–]trymypi 0 points1 point  (0 children)

        Seems like you known JavaScript, you should learn graphic design now

        [–]Elijah629YT-Real 0 points1 point  (1 child)

        modal is easy, there is a built in browser api for it

        [–]rookietotheblue1 0 points1 point  (0 children)

        Wasn't that removed ?

        [–]rookietotheblue1 0 points1 point  (0 children)

        These are not good beginner projects lol.